{"title":"Dog Accessories","description":"\u003cp\u003eCollars, leashes, harnesses, beds, and bowls β€” everything your dog needs for comfort and style.\u003c\/p\u003e","products":[{"product_id":"bosveld-tactical-canine-companion-pack","title":"Bosveld Tactical Canine Companion Pack","description":"\u003cstyle\u003e\n .bosveld-pack-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n\n position: relative;\n overflow: hidden;\n padding: 80px 20px;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n color: var(--text);\n }\n\n .bosveld-pack-section,\n .bosveld-pack-section * {\n box-sizing: border-box;\n }\n\n .bosveld-pack-container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bosveld-pack-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n filter: blur(2px);\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-pack-decoration--one {\n top: 40px;\n right: 5%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-pack-decoration--two {\n bottom: 80px;\n left: 3%;\n width: 80px;\n height: 80px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-pack-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.82rem;\n font-weight: 900;\n letter-spacing: 2.4px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-pack-title {\n max-width: 100%;\n margin: 0 0 24px;\n color: var(--olive-dark);\n font-size: clamp(2.2rem, 6vw, 4.4rem);\n line-height: 1.05;\n letter-spacing: -0.04em;\n overflow-wrap: anywhere;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-pack-intro {\n max-width: 100%;\n margin: 0 0 38px;\n color: #3f4939;\n font-size: 1.08rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 18px;\n color: var(--olive-dark);\n font-size: clamp(1.5rem, 3vw, 2rem);\n line-height: 1.2;\n overflow-wrap: anywhere;\n }\n\n .bosveld-product-grid,\n .bosveld-benefits-grid,\n .bosveld-review-grid {\n display: grid;\n grid-template-columns: 1fr;\n width: 100%;\n gap: 20px;\n }\n\n .bosveld-product-grid {\n margin-bottom: 42px;\n }\n\n .bosveld-product-card {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-width: 0;\n padding: 25px;\n border: 1px solid rgba(85, 107, 47, 0.18);\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.95);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.09);\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease,\n border-color 0.4s ease;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-product-card:nth-child(2) {\n animation-delay: 0.1s;\n }\n\n .bosveld-product-card:nth-child(3) {\n animation-delay: 0.2s;\n }\n\n .bosveld-product-card::before {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 135deg,\n rgba(113, 132, 71, 0.15),\n transparent 55%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-product-card::after {\n position: absolute;\n top: 0;\n left: -120%;\n width: 65%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.7),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-product-card:hover {\n transform: translateY(-10px) scale(1.01);\n border-color: var(--olive-medium);\n box-shadow: 0 26px 52px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-product-card:hover::before {\n opacity: 1;\n }\n\n .bosveld-product-card:hover::after {\n left: 150%;\n }\n\n .bosveld-product-icon {\n position: relative;\n z-index: 2;\n display: grid;\n width: 58px;\n height: 58px;\n margin-bottom: 18px;\n place-items: center;\n border-radius: 16px;\n background: var(--olive);\n box-shadow: 0 8px 18px rgba(85, 107, 47, 0.24);\n font-size: 1.65rem;\n transition:\n transform 0.4s ease,\n background 0.4s ease;\n }\n\n .bosveld-product-card:hover .bosveld-product-icon {\n transform: rotate(-12deg) scale(1.13);\n background: var(--olive-medium);\n }\n\n .bosveld-product-name {\n position: relative;\n z-index: 2;\n display: block;\n margin-bottom: 8px;\n color: var(--olive-dark);\n font-size: 1.15rem;\n overflow-wrap: anywhere;\n }\n\n .bosveld-product-description {\n position: relative;\n z-index: 2;\n width: 100%;\n margin: 0;\n color: #535c4d;\n line-height: 1.65;\n overflow-wrap: anywhere;\n }\n\n .bosveld-benefits-panel {\n width: 100%;\n margin-bottom: 42px;\n padding: clamp(25px, 5vw, 42px);\n border-radius: 22px;\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n color: var(--white);\n }\n\n .bosveld-benefits-panel .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-benefits-intro {\n max-width: 100%;\n margin: -5px 0 25px;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-benefit {\n width: 100%;\n min-width: 0;\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n border-radius: 14px;\n background: rgba(255, 255, 255, 0.07);\n text-align: left;\n transition:\n transform 0.35s ease,\n background 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-benefit:hover {\n transform: translateX(8px);\n border-color: rgba(255, 255, 255, 0.35);\n background: rgba(255, 255, 255, 0.13);\n }\n\n .bosveld-benefit-number {\n display: inline-grid;\n width: 46px;\n height: 46px;\n margin-bottom: 12px;\n place-items: center;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.1);\n color: #dbe5bf;\n font-size: 1.15rem;\n font-weight: 900;\n transition: transform 0.35s ease;\n }\n\n .bosveld-benefit:hover .bosveld-benefit-number {\n transform: rotate(8deg) scale(1.08);\n }\n\n .bosveld-benefit-title {\n display: block;\n margin-bottom: 8px;\n font-size: 1rem;\n white-space: normal;\n overflow-wrap: anywhere;\n }\n\n .bosveld-benefit-text {\n width: 100%;\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.9rem;\n line-height: 1.55;\n white-space: normal;\n overflow-wrap: anywhere;\n }\n\n .bosveld-colour-note {\n width: 100%;\n margin: 0 0 42px;\n padding: 18px 20px;\n border: 1px solid var(--olive-light);\n border-radius: 14px;\n background: rgba(168, 180, 134, 0.2);\n color: var(--olive-dark);\n transition:\n transform 0.3s ease,\n background 0.3s ease;\n }\n\n .bosveld-colour-note:hover {\n transform: translateY(-4px);\n background: rgba(168, 180, 134, 0.3);\n }\n\n .bosveld-review-section {\n width: 100%;\n margin-bottom: 42px;\n }\n\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-width: 0;\n padding: 28px;\n border: 1px solid rgba(85, 107, 47, 0.15);\n border-radius: 20px;\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.08);\n cursor: pointer;\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease,\n border-color 0.4s ease;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n transform: translateY(-10px);\n border-color: var(--olive-medium);\n box-shadow: 0 25px 55px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n display: inline-block;\n margin-bottom: 18px;\n color: var(--gold);\n font-size: 1.35rem;\n letter-spacing: 4px;\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-card:nth-child(2) .bosveld-review-stars {\n animation-delay: 0.35s;\n }\n\n .bosveld-review-card:nth-child(3) .bosveld-review-stars {\n animation-delay: 0.7s;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n width: 100%;\n margin: 0 0 22px;\n padding: 0;\n border: 0;\n color: #3f473a;\n font-size: 0.98rem;\n font-style: italic;\n line-height: 1.75;\n overflow-wrap: anywhere;\n }\n\n .bosveld-reviewer {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n width: 100%;\n gap: 12px;\n }\n\n .bosveld-reviewer-avatar {\n display: grid;\n width: 54px;\n height: 54px;\n flex-shrink: 0;\n place-items: center;\n border-radius: 50%;\n background: #eef0e7;\n font-size: 1.8rem;\n transition:\n transform 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-review-card:hover .bosveld-reviewer-avatar {\n transform: rotate(-10deg) scale(1.12);\n background: #dfe7cc;\n }\n\n .bosveld-reviewer-name {\n display: block;\n color: var(--olive-dark);\n font-size: 0.95rem;\n }\n\n .bosveld-reviewer-location {\n display: block;\n margin-top: 2px;\n color: #70786a;\n font-size: 0.8rem;\n }\n\n .bosveld-cta-panel {\n display: flex;\n align-items: stretch;\n flex-direction: column;\n width: 100%;\n gap: 25px;\n padding: clamp(25px, 5vw, 38px);\n border-radius: 22px;\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n color: var(--white);\n }\n\n .bosveld-cta-copy {\n width: 100%;\n max-width: 100%;\n }\n\n .bosveld-cta-heading {\n max-width: 100%;\n margin: 0 0 8px;\n color: var(--white);\n font-size: clamp(1.5rem, 3vw, 2.15rem);\n overflow-wrap: anywhere;\n }\n\n .bosveld-cta-text {\n width: 100%;\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.6;\n }\n\n .bosveld-button-group {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: block;\n overflow: hidden;\n width: 100%;\n padding: 14px 23px;\n border: 2px solid var(--white);\n border-radius: 9px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button::after {\n position: absolute;\n top: 0;\n left: -120%;\n width: 60%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.7),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button:hover::after {\n left: 150%;\n }\n\n .bosveld-button--primary {\n background: var(--white);\n color: var(--olive-dark);\n }\n\n .bosveld-button--primary:hover {\n background: #e8eddc;\n }\n\n .bosveld-button--secondary {\n background: transparent;\n color: var(--white);\n }\n\n .bosveld-button--secondary:hover {\n background: rgba(255, 255, 255, 0.12);\n }\n\n .bosveld-tagline {\n margin: 35px 0 0;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n letter-spacing: 2.4px;\n text-align: center;\n text-transform: uppercase;\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.06);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 24px rgba(212, 175, 55, 0.5);\n }\n }\n\n @media screen and (max-width: 749px) {\n .bosveld-pack-section {\n padding: 50px 16px;\n }\n\n .bosveld-pack-title {\n font-size: clamp(2rem, 10vw, 3rem);\n }\n\n .bosveld-section-heading {\n font-size: clamp(1.65rem, 8vw, 2.3rem);\n }\n\n .bosveld-product-card,\n .bosveld-review-card {\n padding: 22px;\n }\n\n .bosveld-benefits-panel {\n padding: 24px 18px;\n }\n\n .bosveld-review-stars {\n font-size: 1.2rem;\n letter-spacing: 3px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-pack-section *,\n .bosveld-pack-section *::before,\n .bosveld-pack-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\u003csection class=\"bosveld-pack-section\"\u003e\n \u003cspan class=\"bosveld-pack-decoration bosveld-pack-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"bosveld-pack-decoration bosveld-pack-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"bosveld-pack-container\"\u003e\n \u003cp class=\"bosveld-pack-eyebrow\"\u003e\n Built for South African adventures\n \u003c\/p\u003e\n\n \u003ch1 class=\"bosveld-pack-title\"\u003e\n Bosveld Tactical Canine Companion Pack\n \u003c\/h1\u003e\n\n \u003cp class=\"bosveld-pack-intro\"\u003e\n Everything your dog needs for the perfect walk, in one practical tactical\n bundle. The pack combines three dependable dog-walking essentials for\n active South African dog owners who enjoy trails, parks, road trips and\n everyday neighbourhood adventures.\n \u003c\/p\u003e\n\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhat's included\u003c\/h2\u003e\n\n \u003cdiv class=\"bosveld-product-grid\"\u003e\n \u003carticle class=\"bosveld-product-card\"\u003e\n \u003cdiv class=\"bosveld-product-icon\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n\n \u003cstrong class=\"bosveld-product-name\"\u003e\n Microfibre Paw Towel\n \u003c\/strong\u003e\n\n \u003cp class=\"bosveld-product-description\"\u003e\n A super-absorbent, waffle-textured towel with a paw-print design.\n Ideal for drying muddy paws after a trail walk, beach visit or\n rainy-day adventure.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-product-card\"\u003e\n \u003cdiv class=\"bosveld-product-icon\" aria-hidden=\"true\"\u003e🦴\u003c\/div\u003e\n\n \u003cstrong class=\"bosveld-product-name\"\u003e\n Dog Treat Pouch\n \u003c\/strong\u003e\n\n \u003cp class=\"bosveld-product-description\"\u003e\n A compact clip-on pouch with a carabiner for fast treat access during\n walks and training sessions. It keeps rewards close at hand when your\n dog deserves them.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-product-card\"\u003e\n \u003cdiv class=\"bosveld-product-icon\" aria-hidden=\"true\"\u003eπŸ’§\u003c\/div\u003e\n\n \u003cstrong class=\"bosveld-product-name\"\u003e\n Portable Dog Water Bottle\n \u003c\/strong\u003e\n\n \u003cp class=\"bosveld-product-description\"\u003e\n A leak-resistant bottle with a detachable drinking bowl to help keep\n your dog hydrated during hikes, runs, road trips and outdoor\n adventures.\n \u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bosveld-benefits-panel\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003e\n Five reasons you and your dog will love it\n \u003c\/h2\u003e\n\n \u003cp class=\"bosveld-benefits-intro\"\u003e\n Designed to make every outing simpler, cleaner and more enjoyable.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-benefits-grid\"\u003e\n \u003cdiv class=\"bosveld-benefit\"\u003e\n \u003cspan class=\"bosveld-benefit-number\"\u003e01\u003c\/span\u003e\n \u003cstrong class=\"bosveld-benefit-title\"\u003eWalk-ready kit\u003c\/strong\u003e\n\n \u003cp class=\"bosveld-benefit-text\"\u003e\n Three everyday essentials combined in one convenient bundle.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-benefit\"\u003e\n \u003cspan class=\"bosveld-benefit-number\"\u003e02\u003c\/span\u003e\n \u003cstrong class=\"bosveld-benefit-title\"\u003eEasy hydration\u003c\/strong\u003e\n\n \u003cp class=\"bosveld-benefit-text\"\u003e\n Give your dog water without carrying a separate drinking bowl.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-benefit\"\u003e\n \u003cspan class=\"bosveld-benefit-number\"\u003e03\u003c\/span\u003e\n \u003cstrong class=\"bosveld-benefit-title\"\u003eCleaner adventures\u003c\/strong\u003e\n\n \u003cp class=\"bosveld-benefit-text\"\u003e\n Quickly dry wet or muddy paws before getting into the car or home.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-benefit\"\u003e\n \u003cspan class=\"bosveld-benefit-number\"\u003e04\u003c\/span\u003e\n \u003cstrong class=\"bosveld-benefit-title\"\u003eFaster training\u003c\/strong\u003e\n\n \u003cp class=\"bosveld-benefit-text\"\u003e\n Keep treats accessible for timely rewards and positive reinforcement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-benefit\"\u003e\n \u003cspan class=\"bosveld-benefit-number\"\u003e05\u003c\/span\u003e\n \u003cstrong class=\"bosveld-benefit-title\"\u003ePortable design\u003c\/strong\u003e\n\n \u003cp class=\"bosveld-benefit-text\"\u003e\n Compact accessories that are easy to carry on everyday outings.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cp class=\"bosveld-colour-note\"\u003e\n \u003cstrong\u003eChoose your look:\u003c\/strong\u003e\n Available in multiple colour combinations to complement your outdoor\n style.\n \u003c\/p\u003e\n\n \u003csection class=\"bosveld-review-section\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003e\n Loved by South African dog owners\n \u003c\/h2\u003e\n\n \u003cdiv class=\"bosveld-review-grid\"\u003e\n \u003carticle class=\"bosveld-review-card\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003e\n β˜…β˜…β˜…β˜…β˜…\n \u003c\/div\u003e\n\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œThe bottle is perfect for our weekend walks, and the towel has\n saved my car seats after more than one muddy outing. Everything\n fits easily into our walking routine.”\n \u003c\/blockquote\u003e\n\n \u003cdiv class=\"bosveld-reviewer\"\u003e\n \u003cspan class=\"bosveld-reviewer-avatar\" role=\"img\" aria-label=\"Customer profile\"\u003e\n πŸ‘©πŸΏ\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003e\n Thandi M.\n \u003c\/strong\u003e\n\n \u003cspan class=\"bosveld-reviewer-location\"\u003e\n Johannesburg, Gauteng\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-review-card\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003e\n β˜…β˜…β˜…β˜…β˜…\n \u003c\/div\u003e\n\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œA really useful bundle for hikes with our Labrador. The treat\n pouch clips on securely, and having a drinking bowl attached to the\n bottle makes water stops much easier.”\n \u003c\/blockquote\u003e\n\n \u003cdiv class=\"bosveld-reviewer\"\u003e\n \u003cspan class=\"bosveld-reviewer-avatar\" role=\"img\" aria-label=\"Customer profile\"\u003e\n πŸ‘¨πŸ»\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003e\n Pieter V.\n \u003c\/strong\u003e\n\n \u003cspan class=\"bosveld-reviewer-location\"\u003e\n Stellenbosch, Western Cape\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-review-card\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003e\n β˜…β˜…β˜…β˜…β˜…\n \u003c\/div\u003e\n\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œWe take the pack to the park and on road trips. It is compact,\n practical and easy to keep near the front door so we never forget\n the essentials.”\n \u003c\/blockquote\u003e\n\n \u003cdiv class=\"bosveld-reviewer\"\u003e\n \u003cspan class=\"bosveld-reviewer-avatar\" role=\"img\" aria-label=\"Customer profile\"\u003e\n πŸ‘©πŸΌ\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003e\n Megan S.\n \u003c\/strong\u003e\n\n \u003cspan class=\"bosveld-reviewer-location\"\u003e\n Gqeberha, Eastern Cape\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"bosveld-cta-panel\"\u003e\n \u003cdiv class=\"bosveld-cta-copy\"\u003e\n \u003ch2 class=\"bosveld-cta-heading\"\u003e\n Ready for your next adventure?\n \u003c\/h2\u003e\n\n \u003cp class=\"bosveld-cta-text\"\u003e\n Pack the essentials, grab the lead and enjoy more prepared outings\n with your canine companion.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-button-group\"\u003e\n \u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#MainContent\"\u003e\n Shop the Bundle\n \u003c\/a\u003e\n\n \u003ca class=\"bosveld-button bosveld-button--secondary\" href=\"\/collections\/dog-accessories\"\u003e\n Explore Dog Gear\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bosveld-tagline\"\u003e\n Gear. Adventure. Loyalty.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Bosveld Tactical","offers":[{"title":"Grey \/ Blue","offer_id":48331290738841,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey \/ Black","offer_id":48331290771609,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":false},{"title":"Grey \/ Purple","offer_id":48331290804377,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":false},{"title":"Blue \/ Blue","offer_id":48331290837145,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ Black","offer_id":48331290869913,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue \/ Purple","offer_id":48331290902681,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Yellow \/ Blue","offer_id":48331290935449,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Yellow \/ Black","offer_id":48331290968217,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"Yellow \/ Purple","offer_id":48331291000985,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageJul19_2026_02_25_36PM.png?v=1784484751"},{"product_id":"furlift-pro-pet-hair-remover","title":"FurLift Pro Pet Hair Remover","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"FurLift Pro reusable pet hair remover for sofas, carpets, rugs, pet beds, car seats, blankets, clothing and upholstery.\"\u003e\n \u003ctitle\u003eFurLift Pro Pet Hair Remover\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cstyle\u003e\n .furlift-product{position:relative;z-index:3;width:min(720px,90%);height:400px;animation:bosveld-product-float 4s ease-in-out infinite;transform-style:preserve-3d}\n .furlift-sofa{position:absolute;left:50%;bottom:38px;width:520px;height:210px;border:8px solid #283126;border-radius:34px 34px 22px 22px;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 35%),repeating-linear-gradient(90deg,#7b9272 0 72px,#718768 72px 76px);box-shadow:inset 0 -20px 28px rgba(34,48,31,.12),0 28px 44px rgba(38,53,31,.22);transform:translateX(-50%)}\n .furlift-sofa:before,.furlift-sofa:after{position:absolute;bottom:-8px;width:72px;height:88px;border:8px solid #283126;border-radius:26px 26px 16px 16px;background:#6e8465;content:\"\"}.furlift-sofa:before{left:-42px}.furlift-sofa:after{right:-42px}\n .furlift-cushion{position:absolute;top:28px;width:190px;height:112px;border:5px solid rgba(40,49,38,.7);border-radius:24px;background:linear-gradient(145deg,#8ca07f,#718768)}.furlift-cushion--left{left:48px;transform:rotate(-2deg)}.furlift-cushion--right{right:48px;transform:rotate(2deg)}\n .furlift-hair{position:absolute;z-index:4;width:42px;height:22px;border-top:3px solid #ece5d8;border-radius:50%;opacity:.92;animation:furlift-hair-float 3.2s ease-in-out infinite}.furlift-hair:before,.furlift-hair:after{position:absolute;width:34px;height:18px;border-top:3px solid #ece5d8;border-radius:50%;content:\"\"}.furlift-hair:before{transform:rotate(28deg)}.furlift-hair:after{transform:rotate(-26deg)}.furlift-hair--one{left:29%;top:48%}.furlift-hair--two{left:49%;top:58%;animation-delay:.6s}.furlift-hair--three{right:25%;top:42%;animation-delay:1.1s}.furlift-hair--four{right:37%;top:66%;animation-delay:1.7s}\n .furlift-tool{position:absolute;z-index:7;top:56px;left:50%;width:320px;height:118px;transform:translateX(-50%) rotate(-8deg);animation:furlift-sweep 3.6s ease-in-out infinite}.furlift-handle{position:absolute;left:122px;top:56px;width:76px;height:185px;border:8px solid #20261f;border-radius:30px;background:linear-gradient(145deg,#3f4a3c,#1f251e);box-shadow:inset 0 0 0 4px rgba(255,255,255,.035),0 18px 30px rgba(36,43,34,.22)}.furlift-head{position:absolute;inset:0 18px auto;height:92px;border:8px solid #20261f;border-radius:44px 44px 24px 24px;background:repeating-linear-gradient(90deg,#c7d0ba 0 4px,#7d8d70 4px 8px),linear-gradient(145deg,#5f7257,#394534);box-shadow:0 18px 30px rgba(36,43,34,.22)}.furlift-head:after{position:absolute;left:50%;bottom:-13px;width:216px;height:26px;border-radius:0 0 22px 22px;background:repeating-linear-gradient(90deg,#d7ddce 0 3px,#819075 3px 6px);content:\"\";transform:translateX(-50%)}\n .furlift-brand{position:absolute;z-index:8;top:28px;left:50%;width:164px;padding:10px 13px;border:2px solid rgba(255,255,255,.6);border-radius:999px;color:#f7faef;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#42533c;transform:translateX(-50%)}.furlift-fur-clump{position:absolute;z-index:6;top:102px;left:50%;width:150px;height:50px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#e9e4da 0 5px,#c8c0b5 6px 9px);filter:drop-shadow(0 10px 12px rgba(50,55,46,.15));transform:translateX(-50%);opacity:.92}\n .furlift-paw{position:absolute;top:66px;left:7%;z-index:5;display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:var(--olive-dark);font-size:1.45rem;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(38,53,31,.14);animation:bosveld-lure-swing 4.6s ease-in-out infinite}\n .furlift-surface-grid{display:grid;grid-template-columns:1fr!important;gap:14px}.furlift-surface-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8faf3}.furlift-surface-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;font-size:1.35rem;background:#dce7be}\n @keyframes furlift-sweep{0%,100%{transform:translateX(-50%) translateX(-45px) rotate(-9deg)}50%{transform:translateX(-50%) translateX(45px) rotate(7deg)}}@keyframes furlift-hair-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(7deg)}}\n @media(max-width:760px){.furlift-product{height:310px}.furlift-sofa{width:390px;height:165px}.furlift-cushion{width:140px;height:86px}.furlift-tool{width:245px;height:92px;top:42px}.furlift-handle{left:92px;width:61px;height:142px}.furlift-head{height:72px}.furlift-brand{top:21px;width:126px;font-size:.66rem}.furlift-fur-clump{top:80px;width:115px;height:40px}}\n @media(max-width:430px){.furlift-product{width:96%;height:250px}.furlift-sofa{width:285px;height:126px;border-width:6px}.furlift-sofa:before,.furlift-sofa:after{width:52px;height:64px;border-width:6px}.furlift-cushion{width:98px;height:64px;border-width:4px}.furlift-cushion--left{left:28px}.furlift-cushion--right{right:28px}.furlift-tool{width:188px;height:72px;top:28px}.furlift-handle{left:71px;width:48px;height:112px;border-width:6px}.furlift-head{height:58px;border-width:6px}.furlift-brand{top:15px;width:98px;padding:7px;font-size:.58rem}.furlift-fur-clump{top:63px;width:88px;height:32px}.furlift-paw{display:none}}\n \u003c\/style\u003e\n \u003cdiv class=\"bosveld-rod-container\"\u003e\n \u003cp class=\"bosveld-eyebrow\"\u003eOne tool. Endless clean surfaces.\u003c\/p\u003e\n \u003ch1 class=\"bosveld-title\"\u003eFurLift Pro\u003cspan\u003ePet Hair Remover\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"bosveld-tagline\"\u003eFinally. A Home That Looks Pet-Free.\u003c\/p\u003e\n \u003cp class=\"bosveld-intro\"\u003eYou love your dog or cat β€” but not the fur left behind on every sofa, carpet and piece of clothing. FurLift Pro is engineered to pull deep-embedded pet hair from virtually any fabric surface, leaving your home looking clean and fresh in minutes.\u003c\/p\u003e\n \u003cdiv class=\"bosveld-product-visual\" data-parallax\u003e\n \u003cdiv class=\"bosveld-water-ripple\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"furlift-paw\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n \u003cdiv class=\"bosveld-product-badge\"\u003e\u003cdiv\u003e\n\u003cstrong\u003eReusable\u003c\/strong\u003e\u003cspan\u003eNo sheets or sticky tape\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"furlift-product\" role=\"img\" aria-label=\"FurLift Pro pet hair remover cleaning pet fur from a fabric sofa\"\u003e\n \u003cdiv class=\"furlift-sofa\"\u003e\n\u003cdiv class=\"furlift-cushion furlift-cushion--left\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"furlift-cushion furlift-cushion--right\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cspan class=\"furlift-hair furlift-hair--one\"\u003e\u003c\/span\u003e\u003cspan class=\"furlift-hair furlift-hair--two\"\u003e\u003c\/span\u003e\u003cspan class=\"furlift-hair furlift-hair--three\"\u003e\u003c\/span\u003e\u003cspan class=\"furlift-hair furlift-hair--four\"\u003e\u003c\/span\u003e\n \u003cdiv class=\"furlift-fur-clump\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"furlift-tool\"\u003e\n\u003cdiv class=\"furlift-head\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"furlift-handle\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"furlift-brand\"\u003eFurLift Pro\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eCleaner fabrics without the waste\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eSkip disposable rollers and tackle stubborn pet hair with one durable, reusable cleaning tool.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e🧹\u003c\/div\u003e\n\u003cstrong\u003eDeep Hair Removal\u003c\/strong\u003e\u003cp\u003eSpecially designed bristles reach into fabric fibres to lift and collect stubborn, embedded pet hair.\u003c\/p\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e♻️\u003c\/div\u003e\n\u003cstrong\u003eReusable \u0026amp; Eco-Friendly\u003c\/strong\u003e\u003cp\u003eNo replacement sheets, disposable rollers or sticky tape β€” simply clean the tool and use it again.\u003c\/p\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e🐢\u003c\/div\u003e\n\u003cstrong\u003eFor Cats \u0026amp; Dogs\u003c\/strong\u003e\u003cp\u003eEffective on coat types ranging from fine cat hair to dense double-coat dog fur.\u003c\/p\u003e\u003c\/article\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eKey features\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eBuilt for fast, comfortable cleaning across the fabrics you use every day.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eDeep-Grip Bristles\u003c\/strong\u003e\u003cp\u003eDesigned to pull loose and embedded fur from the weave of fabric surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eWorks Across Fabrics\u003c\/strong\u003e\u003cp\u003eSuitable for sofas, carpets, rugs, pet beds, furniture, blankets, car seats and upholstery.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eComfortable Ergonomic Grip\u003c\/strong\u003e\u003cp\u003eShaped for confident control during longer cleaning sessions without unnecessary hand fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eQuick Fur Release\u003c\/strong\u003e\u003cp\u003eCollected hair removes easily so you can clean the tool and continue working without delay.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eDurable Reusable Design\u003c\/strong\u003e\u003cp\u003eBuilt for repeated use throughout the home, vehicle and pet-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eNo Sticky Residue\u003c\/strong\u003e\u003cp\u003eCleans without adhesives, disposable tape or residue left behind on fabrics.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eWorks on\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eOne practical tool for the surfaces where pet hair gathers most.\u003c\/p\u003e\n\u003cdiv class=\"furlift-surface-grid bosveld-stagger\"\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003eπŸ›‹οΈ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSofas \u0026amp; Couches\u003c\/strong\u003e\u003cp\u003eLift visible fur and hair trapped deep in upholstery fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003e🧢\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCarpets \u0026amp; Rugs\u003c\/strong\u003e\u003cp\u003eLoosen stubborn strands from textured and woven floor coverings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003e🐾\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePet Beds \u0026amp; Towers\u003c\/strong\u003e\u003cp\u003eRefresh the soft surfaces your pets use every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003eπŸš—\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCar Seats \u0026amp; Interiors\u003c\/strong\u003e\u003cp\u003eRemove fur from fabric seats, boot liners and vehicle upholstery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003eπŸ›οΈ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBlankets \u0026amp; Throws\u003c\/strong\u003e\u003cp\u003eCollect loose coat hair before washing or storing soft furnishings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"furlift-surface-item\"\u003e\n\u003cdiv class=\"furlift-surface-icon\"\u003eπŸ‘•\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClothing \u0026amp; Upholstery\u003c\/strong\u003e\u003cp\u003eQuickly tidy fabric clothing and household furnishings before heading out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eHow to use\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eFour simple steps for a visibly cleaner surface.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eStroke\u003c\/strong\u003e\u003cp\u003eRun FurLift Pro across the fabric using short, firm strokes.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCollect\u003c\/strong\u003e\u003cp\u003eWatch the pet hair lift from the fibres and gather on the tool.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eClean\u003c\/strong\u003e\u003cp\u003eRemove the collected fur from the tool.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eRepeat\u003c\/strong\u003e\u003cp\u003eContinue as needed until the surface is thoroughly clean.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eProduct specifications\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003ePractical details at a glance.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\u003ctable class=\"bosveld-spec-table\"\u003e\u003ctbody\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eProduct Type\u003c\/th\u003e\n\u003ctd\u003eReusable manual pet hair remover\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eSuitable Pets\u003c\/th\u003e\n\u003ctd\u003eCats and dogs of all coat types\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eSuitable Surfaces\u003c\/th\u003e\n\u003ctd\u003eSofas, carpets, rugs, pet beds, car seats, blankets, clothing and upholstery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCleaning Method\u003c\/th\u003e\n\u003ctd\u003eShort, firm manual strokes across fabric\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDisposable Components\u003c\/th\u003e\n\u003ctd\u003eNone\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eReusable\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003ePower Required\u003c\/th\u003e\n\u003ctd\u003eNo batteries or charging required\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\u003c\/section\u003e\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"reviews\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eWhat pet owners are saying\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eA reusable solution for the fur that ordinary rollers leave behind.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-review-showcase\"\u003e\n \u003carticle class=\"bosveld-review-featured\"\u003e\u003cdiv class=\"bosveld-review-stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n\u003cblockquote class=\"bosveld-review-quote\"\u003eβ€œIt pulled an unbelievable amount of hair from our lounge suite. The fabric looked noticeably cleaner after only a few minutes.”\u003c\/blockquote\u003e\n\u003cstrong class=\"bosveld-reviewer-name\"\u003eMichelle R.\u003c\/strong\u003e\u003cspan class=\"bosveld-reviewer-location\"\u003eCape Town, Western Cape\u003c\/span\u003e\u003c\/article\u003e\n \u003cdiv class=\"bosveld-review-mini-list\"\u003e\n\u003carticle class=\"bosveld-review-mini\"\u003e\u003cdiv class=\"bosveld-review-stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n\u003cblockquote class=\"bosveld-review-quote\"\u003eβ€œPerfect for the car after travelling with our Labrador. No sticky sheets and it is quick to clean.”\u003c\/blockquote\u003e\n\u003cstrong class=\"bosveld-reviewer-name\"\u003eJason P.\u003c\/strong\u003e\u003cspan class=\"bosveld-reviewer-location\"\u003ePretoria, Gauteng\u003c\/span\u003e\u003c\/article\u003e\u003carticle class=\"bosveld-review-mini\"\u003e\u003cdiv class=\"bosveld-review-stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n\u003cblockquote class=\"bosveld-review-quote\"\u003eβ€œIt works especially well on the cat tower and blankets where ordinary lint rollers struggle.”\u003c\/blockquote\u003e\n\u003cstrong class=\"bosveld-reviewer-name\"\u003eNaledi S.\u003c\/strong\u003e\u003cspan class=\"bosveld-reviewer-location\"\u003eBloemfontein, Free State\u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\u003c\/section\u003e\n \u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1\"\u003e\n\u003cstrong\u003eCare note:\u003c\/strong\u003e Test on a small, inconspicuous area before first use, especially on delicate, loosely woven or easily snagged fabrics. Clean collected fur from the tool after use and store it dry.\u003c\/div\u003e\n \u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n\u003cdiv\u003e\n\u003ch2\u003eReady for a home that looks pet-free?\u003c\/h2\u003e\n\u003cp\u003eLift stubborn fur from your favourite fabrics with one durable, reusable tool built for everyday pet owners.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bosveld-button-group\"\u003e\n\u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\u003ca class=\"bosveld-button bosveld-button--secondary\" href=\"#\" onclick=\"event.preventDefault();var f=document.querySelector('form[action*=cart]');if(f){var btn=f.querySelector('[type=submit]');if(btn)btn.click();}\"\u003eπŸ›’ Add to Cart\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cp class=\"bosveld-footer-tagline\"\u003eLift. Collect. Reuse.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".bosveld-tactical-case\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"Default Title","offer_id":48349924524185,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageJul22_2026_03_09_10PM.png?v=1784725787"},{"product_id":"bossgrip-pro-training-collar","title":"BossGrip Pro Training Collar","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"BossGrip Pro Training Collar for large dogs with adjustable fit, reinforced tactical handle, non-restrictive design and durable outdoor construction.\"\u003e\n \u003ctitle\u003eBossGrip Pro Training Collar\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\u003cstyle id=\"bossgrip-shopify-safe-fix\"\u003e\n\/* Shopify-safe BossGrip product visual *\/\n.bossgrip-collar,\n.bossgrip-handle,\n.bossgrip-buckle,\n.bossgrip-dring{\n display:block !important;\n visibility:visible !important;\n opacity:1 !important;\n overflow:hidden !important;\n text-indent:-9999px !important;\n font-size:0 !important;\n line-height:0 !important;\n}\n\n.bossgrip-product{\n position:relative !important;\n z-index:10 !important;\n display:block !important;\n visibility:visible !important;\n opacity:1 !important;\n width:min(720px,92%) !important;\n height:380px !important;\n margin:0 auto !important;\n transform:none !important;\n animation:none !important;\n}\n\n\/* Remove the huge empty decorative halo\/ripple *\/\n.bosveld-product-visual::before,\n.bosveld-product-visual::after,\n.bosveld-product-visual \u003e .bosveld-water-ripple{\n display:none !important;\n}\n\n.bosveld-product-visual{\n min-height:450px !important;\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n padding:66px 24px 34px !important;\n}\n\n\/* Fit the collar cleanly inside the product area *\/\n.bossgrip-collar{\n left:50% !important;\n top:82px !important;\n width:430px !important;\n height:220px !important;\n transform:translateX(-50%) rotate(-6deg) !important;\n z-index:3 !important;\n}\n\n.bossgrip-handle{\n left:50% !important;\n top:34px !important;\n width:210px !important;\n height:92px !important;\n transform:translateX(-50%) !important;\n z-index:6 !important;\n}\n\n.bossgrip-buckle{\n left:50% !important;\n bottom:50px !important;\n width:150px !important;\n height:74px !important;\n transform:translateX(-50%) rotate(2deg) !important;\n z-index:7 !important;\n}\n\n.bossgrip-dring{\n right:105px !important;\n bottom:62px !important;\n width:76px !important;\n height:76px !important;\n z-index:8 !important;\n}\n\n.bossgrip-brand{\n z-index:20 !important;\n bottom:8px !important;\n}\n\n.bosveld-product-badge,\n.bossgrip-icon{\n z-index:30 !important;\n}\n\n@media(max-width:760px){\n .bosveld-product-visual{\n min-height:365px !important;\n padding:58px 12px 26px !important;\n }\n\n .bossgrip-product{\n width:96% !important;\n height:305px !important;\n }\n\n .bossgrip-collar{\n width:340px !important;\n height:175px !important;\n top:72px !important;\n border-width:15px !important;\n }\n\n .bossgrip-handle{\n width:170px !important;\n height:74px !important;\n border-width:15px !important;\n }\n\n .bossgrip-buckle{\n width:122px !important;\n height:60px !important;\n bottom:44px !important;\n border-width:7px !important;\n }\n\n .bossgrip-dring{\n right:72px !important;\n bottom:53px !important;\n width:60px !important;\n height:60px !important;\n border-width:10px !important;\n }\n}\n\n@media(max-width:430px){\n .bosveld-product-visual{\n min-height:290px !important;\n padding:50px 6px 20px !important;\n }\n\n .bossgrip-product{\n width:98% !important;\n height:230px !important;\n }\n\n .bossgrip-collar{\n top:62px !important;\n width:255px !important;\n height:132px !important;\n border-width:11px !important;\n }\n\n .bossgrip-handle{\n top:26px !important;\n width:126px !important;\n height:58px !important;\n border-width:11px !important;\n }\n\n .bossgrip-buckle{\n width:92px !important;\n height:46px !important;\n bottom:36px !important;\n border-width:6px !important;\n }\n\n .bossgrip-dring{\n right:45px !important;\n bottom:40px !important;\n width:46px !important;\n height:46px !important;\n border-width:8px !important;\n }\n\n .bossgrip-brand{\n width:170px !important;\n font-size:.52rem !important;\n }\n\n .bosveld-product-badge{\n top:12px !important;\n right:12px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cstyle\u003e\n .bossgrip-product {\n position: relative;\n z-index: 3;\n width: min(720px, 92%);\n height: 400px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n transform-style: preserve-3d;\n }\n\n .bossgrip-collar {\n position: absolute;\n left: 50%;\n top: 82px;\n width: 430px;\n height: 220px;\n border: 18px solid #202620;\n border-radius: 50%;\n background:\n radial-gradient(circle at center, transparent 0 48%, rgba(92,111,82,.1) 49% 100%);\n box-shadow:\n 0 28px 44px rgba(38,53,31,.22),\n inset 0 0 0 4px rgba(255,255,255,.03);\n transform: translateX(-50%) rotate(-6deg);\n }\n\n .bossgrip-collar::before {\n position: absolute;\n inset: 20px;\n border: 8px dashed #5d6e54;\n border-radius: 50%;\n content: \"\";\n opacity: .65;\n }\n\n .bossgrip-handle {\n position: absolute;\n z-index: 6;\n top: 34px;\n left: 50%;\n width: 210px;\n height: 92px;\n border: 18px solid #2a3129;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px #445041;\n }\n\n .bossgrip-buckle {\n position: absolute;\n z-index: 7;\n left: 50%;\n bottom: 46px;\n width: 150px;\n height: 74px;\n border: 9px solid #111511;\n border-radius: 18px;\n background:\n linear-gradient(145deg, rgba(255,255,255,.08), transparent 34%),\n linear-gradient(145deg, #4a5349, #242a24);\n transform: translateX(-50%) rotate(2deg);\n box-shadow: 0 16px 28px rgba(25,31,24,.22);\n }\n\n .bossgrip-buckle::before {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 58px;\n height: 28px;\n border: 6px solid #111511;\n border-radius: 999px;\n background: #6a7467;\n content: \"\";\n transform: translate(-50%, -50%);\n }\n\n .bossgrip-dring {\n position: absolute;\n z-index: 8;\n right: 105px;\n bottom: 58px;\n width: 76px;\n height: 76px;\n border: 12px solid #3d463c;\n border-radius: 50%;\n background: transparent;\n box-shadow: 0 10px 18px rgba(23,28,22,.18);\n }\n\n .bossgrip-brand {\n position: absolute;\n z-index: 9;\n left: 50%;\n bottom: 10px;\n width: 220px;\n padding: 11px 15px;\n border: 2px solid rgba(236,242,225,.52);\n border-radius: 999px;\n color: #eff4e8;\n font-size: .7rem;\n font-weight: 900;\n letter-spacing: .11em;\n text-align: center;\n text-transform: uppercase;\n background: #35402f;\n transform: translateX(-50%);\n box-shadow: 0 14px 26px rgba(22,27,21,.22);\n }\n\n .bossgrip-icon {\n position: absolute;\n top: 62px;\n left: 8%;\n z-index: 9;\n display: grid;\n width: 52px;\n height: 52px;\n place-items: center;\n border-radius: 50%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255,255,255,.88);\n box-shadow: 0 12px 28px rgba(38,53,31,.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bossgrip-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 14px;\n }\n\n .bossgrip-item {\n display: grid;\n grid-template-columns: 56px minmax(0,1fr);\n gap: 15px;\n align-items: center;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 16px;\n background: #f8faf3;\n }\n\n .bossgrip-item-icon {\n display: grid;\n width: 56px;\n height: 56px;\n place-items: center;\n border-radius: 16px;\n font-size: 1.4rem;\n background: #dce7be;\n }\n\n @media screen and (max-width:760px) {\n .bossgrip-product { height:320px; }\n .bossgrip-collar { width:340px;height:170px;border-width:15px; }\n .bossgrip-handle { width:166px;height:72px;border-width:15px; }\n .bossgrip-buckle { width:120px;height:60px;border-width:7px; }\n .bossgrip-dring { right:78px;width:60px;height:60px;border-width:10px; }\n .bossgrip-brand { width:175px;font-size:.58rem; }\n }\n\n @media screen and (max-width:430px) {\n .bossgrip-product { width:96%;height:250px; }\n .bossgrip-collar { top:72px;width:250px;height:128px;border-width:11px; }\n .bossgrip-handle { top:38px;width:124px;height:56px;border-width:11px; }\n .bossgrip-buckle { bottom:34px;width:92px;height:48px;border-width:6px; }\n .bossgrip-dring { right:50px;bottom:44px;width:44px;height:44px;border-width:8px; }\n .bossgrip-brand { width:145px;padding:9px;font-size:.5rem;bottom:4px; }\n .bossgrip-icon { display:none; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"bosveld-rod-container\"\u003e\n \u003cp class=\"bosveld-eyebrow\"\u003eBuilt for large, powerful dogs\u003c\/p\u003e\n\n \u003ch1 class=\"bosveld-title\"\u003e\n BossGrip Pro\n \u003cspan\u003eTraining Collar\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"bosveld-tagline\"\u003eTake Control. Stay Connected.\u003c\/p\u003e\n\n \u003cp class=\"bosveld-intro\"\u003e\n BossGrip Pro is designed for large dogs that need reliable handling without\n compromising movement or all-day comfort. The reinforced top handle gives\n you immediate control on the trail, at training, in the field or whenever\n a situation changes quickly.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-product-visual\" data-parallax\u003e\n \u003cdiv class=\"bosveld-water-ripple\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-icon\" aria-hidden=\"true\"\u003eπŸ•\u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-product-badge\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTop Handle\u003c\/strong\u003e\n \u003cspan\u003eInstant close control\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bossgrip-product\" role=\"img\" aria-label=\"BossGrip Pro Training Collar\"\u003e\n \u003cdiv class=\"bossgrip-collar\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-handle\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-buckle\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-dring\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-brand\"\u003eBossGrip Pro Training Collar\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eControl when it matters most\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Strong handling, practical comfort and durable construction for active dogs\n and demanding environments.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eβœ‹\u003c\/div\u003e\n \u003cstrong\u003eInstant Close Control\u003c\/strong\u003e\n \u003cp\u003eThe reinforced handle gives you a secure grab point in busy or high-pressure situations.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n \u003cstrong\u003eFreedom to Move\u003c\/strong\u003e\n \u003cp\u003eThe non-restrictive design supports comfortable movement during walks, training and field use.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eπŸ›‘οΈ\u003c\/div\u003e\n \u003cstrong\u003eBuilt for Hard Use\u003c\/strong\u003e\n \u003cp\u003eDurable materials are made for large breeds, outdoor activity and repeated handling.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhy you'll love it\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Practical control features designed around powerful dogs and active owners.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAdjustable Fit\u003c\/strong\u003e\u003cp\u003eCustom sizing helps create a secure fit for compatible large breeds.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eNon-Restrictive Design\u003c\/strong\u003e\u003cp\u003eDesigned for comfortable all-day wear without unnecessarily limiting movement.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eReinforced Tactical Handle\u003c\/strong\u003e\u003cp\u003eProvides a fast, dependable handhold when closer control is required.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eDurable Construction\u003c\/strong\u003e\u003cp\u003eBuilt to handle regular outdoor use, training sessions and active routines.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eSecure Hardware\u003c\/strong\u003e\u003cp\u003eRobust buckle and attachment points support dependable everyday handling.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eLarge-Breed Focus\u003c\/strong\u003e\u003cp\u003ePurpose-built for stronger dogs that need a more substantial collar and handle.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eIdeal for\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Reliable handling wherever your dog needs structure, guidance and control.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bossgrip-grid bosveld-stagger\"\u003e\n \u003cdiv class=\"bossgrip-item\"\u003e\n\u003cdiv class=\"bossgrip-item-icon\"\u003eπŸ₯Ύ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTrail Walks\u003c\/strong\u003e\u003cp\u003eGain closer control around obstacles, wildlife and other trail users.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-item\"\u003e\n\u003cdiv class=\"bossgrip-item-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTraining Sessions\u003c\/strong\u003e\u003cp\u003eUse the handle for controlled positioning and transition work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-item\"\u003e\n\u003cdiv class=\"bossgrip-item-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eField \u0026amp; Outdoor Use\u003c\/strong\u003e\u003cp\u003eDependable construction for active environments and changing terrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bossgrip-item\"\u003e\n\u003cdiv class=\"bossgrip-item-icon\"\u003eπŸš—\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eVehicle Transitions\u003c\/strong\u003e\u003cp\u003eMaintain a secure grip when helping your dog enter or exit a vehicle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eFit guidance\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n A correct fit supports both control and comfort.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eMeasure the Neck\u003c\/strong\u003e\u003cp\u003eMeasure around the widest comfortable part of your dog's neck.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdjust Before Use\u003c\/strong\u003e\u003cp\u003eSet the collar so it is secure without pressing tightly against the neck.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCheck the Two-Finger Rule\u003c\/strong\u003e\u003cp\u003eYou should generally be able to fit two fingers between the collar and your dog's neck.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eRecheck Regularly\u003c\/strong\u003e\u003cp\u003eInspect fit and hardware as your dog grows or after extended activity.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eProduct specifications\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003ePractical details at a glance.\u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\n \u003ctable class=\"bosveld-spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eProduct Name\u003c\/th\u003e\n\u003ctd\u003eBossGrip Pro Training Collar\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eIntended Dogs\u003c\/th\u003e\n\u003ctd\u003eLarge and powerful breeds\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eFit\u003c\/th\u003e\n\u003ctd\u003eAdjustable\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eHandle\u003c\/th\u003e\n\u003ctd\u003eReinforced top control handle\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eDesign\u003c\/th\u003e\n\u003ctd\u003eNon-restrictive tactical-style collar\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eBest For\u003c\/th\u003e\n\u003ctd\u003eWalking, training, trail use, field work and vehicle transitions\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eCare\u003c\/th\u003e\n\u003ctd\u003eHand clean and air dry\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eUse \u0026amp; care\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eInspect Before Use\u003c\/strong\u003e\u003cp\u003eCheck the buckle, stitching, handle and attachment points before each outing.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eUse the Handle Briefly\u003c\/strong\u003e\u003cp\u003eThe top handle is intended for short periods of close control, not prolonged lifting or suspension.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eClean After Mud or Salt\u003c\/strong\u003e\u003cp\u003eWipe or hand wash the collar after dirty or coastal conditions.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAir Dry Fully\u003c\/strong\u003e\u003cp\u003eAllow the collar to dry completely before storage or reuse.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1;\"\u003e\n \u003cstrong\u003eSafety note:\u003c\/strong\u003e This collar is a handling and training aid, not a restraint\n for unattended tethering. Never lift or suspend a dog by the collar or handle. Check fit\n frequently and stop use if you notice damage, irritation or discomfort.\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n \u003cdiv\u003e\n \u003ch2\u003eReady for stronger, more confident handling?\u003c\/h2\u003e\n \u003cp\u003e\n Give your large dog a durable collar built for movement, guidance and\n instant close control.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-button-group\"\u003e\n \u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\n \u003cbutton type=\"button\" class=\"bosveld-button bosveld-button--secondary\" id=\"bosveld-add-to-cart\" data-bosveld-add-to-cart\u003e\n πŸ›’ Add to Cart\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bosveld-footer-tagline\"\u003eControl. Comfort. Connection.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".bossgrip-product\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const buttons = document.querySelectorAll(\n \"#bosveld-add-to-cart, [data-bosveld-add-to-cart]\"\n );\n\n if (!buttons.length) return;\n\n function getSelectedVariantId() {\n const productForms = document.querySelectorAll(\n 'form[action*=\"\/cart\/add\"], product-form form'\n );\n\n for (const form of productForms) {\n const selectedVariant = form.querySelector(\n 'input[name=\"id\"]:checked, select[name=\"id\"], input[name=\"id\"]'\n );\n\n if (selectedVariant \u0026\u0026 selectedVariant.value) {\n const variantId = Number(selectedVariant.value);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n }\n\n const variantField = document.querySelector(\n '[name=\"id\"][value], [data-variant-id]'\n );\n\n if (variantField) {\n const rawValue =\n variantField.value ||\n variantField.getAttribute(\"data-variant-id\");\n\n const variantId = Number(rawValue);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n\n for (const button of buttons) {\n const manualId = Number(button.dataset.variantId);\n if (Number.isInteger(manualId) \u0026\u0026 manualId \u003e 0) return manualId;\n }\n\n return null;\n }\n\n async function addToCart(button) {\n const variantId = getSelectedVariantId();\n\n if (!variantId) {\n alert(\n \"No Shopify variant could be detected. Place this section on the Shopify product page or add data-variant-id to the Add to Cart button.\"\n );\n return;\n }\n\n const originalText = button.innerHTML;\n\n buttons.forEach(function (item) {\n item.disabled = true;\n item.setAttribute(\"aria-busy\", \"true\");\n item.innerHTML = \"Adding…\";\n });\n\n try {\n const root =\n window.Shopify \u0026\u0026 window.Shopify.routes\n ? window.Shopify.routes.root\n : \"\/\";\n\n const response = await fetch(root + \"cart\/add.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify({\n items: [{ id: variantId, quantity: 1 }]\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(\n result.description ||\n result.message ||\n \"The product could not be added.\"\n );\n }\n\n buttons.forEach(function (item) {\n item.innerHTML = \"Added βœ“\";\n item.removeAttribute(\"aria-busy\");\n });\n\n document.documentElement.dispatchEvent(\n new CustomEvent(\"cart:refresh\", { bubbles: true })\n );\n\n document.dispatchEvent(\n new CustomEvent(\"cart:updated\", {\n bubbles: true,\n detail: result\n })\n );\n\n setTimeout(function () {\n window.location.href = root + \"cart\";\n }, 450);\n } catch (error) {\n console.error(\"Bosveld Add to Cart:\", error);\n\n buttons.forEach(function (item) {\n item.disabled = false;\n item.removeAttribute(\"aria-busy\");\n item.innerHTML = originalText;\n });\n\n alert(error.message || \"Unable to add this product to the cart.\");\n }\n }\n\n buttons.forEach(function (button) {\n button.addEventListener(\"click\", function () {\n addToCart(button);\n });\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"M \/ Red","offer_id":48362065625241,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"M \/ Black","offer_id":48362065658009,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"M \/ Green","offer_id":48362065690777,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"M \/ Pink","offer_id":48362065723545,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"M \/ Blue","offer_id":48362065756313,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"M \/ Khaki","offer_id":48362065789081,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Red","offer_id":48362065821849,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Black","offer_id":48362065854617,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Green","offer_id":48362065887385,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Pink","offer_id":48362065920153,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Blue","offer_id":48362065952921,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"XL \/ Khaki","offer_id":48362065985689,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageJul25_2026_09_35_52PM.png?v=1785008574"},{"product_id":"dirtdog-seat-defender","title":"DirtDog Seat Defender – Cars, Trucks \u0026 SUVs","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"DirtDog Seat Defender dog car hammock with side flaps, anti-slip backing, machine-washable construction and universal fit for cars, trucks and SUVs.\"\u003e\n \u003ctitle\u003eDirtDog Seat Defender\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cstyle\u003e\n .dirtdog-product {\n position: relative;\n z-index: 3;\n width: min(720px, 92%);\n height: 400px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n transform-style: preserve-3d;\n }\n\n .dirtdog-car {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 520px;\n height: 250px;\n border: 10px solid #222922;\n border-radius: 36px 36px 28px 28px;\n background:\n linear-gradient(145deg, rgba(255,255,255,.08), transparent 30%),\n linear-gradient(145deg, #687267, #384137 72%);\n box-shadow:\n inset 0 0 0 5px rgba(255,255,255,.03),\n 0 30px 48px rgba(38,53,31,.22);\n transform: translateX(-50%);\n overflow: hidden;\n }\n\n .dirtdog-seat {\n position: absolute;\n bottom: 36px;\n width: 165px;\n height: 145px;\n border: 8px solid #171b17;\n border-radius: 30px 30px 18px 18px;\n background: linear-gradient(145deg, #555e54, #2d342c);\n }\n\n .dirtdog-seat--left { left: 48px; }\n .dirtdog-seat--right { right: 48px; }\n\n .dirtdog-headrest {\n position: absolute;\n top: -52px;\n left: 50%;\n width: 90px;\n height: 64px;\n border: 7px solid #171b17;\n border-radius: 22px;\n background: linear-gradient(145deg, #596258, #2e352d);\n transform: translateX(-50%);\n }\n\n .dirtdog-hammock {\n position: absolute;\n z-index: 6;\n left: 50%;\n top: 72px;\n width: 380px;\n height: 180px;\n border: 8px solid #182018;\n border-radius: 24px 24px 36px 36px;\n background:\n linear-gradient(145deg, rgba(255,255,255,.06), transparent 34%),\n repeating-linear-gradient(\n 90deg,\n #485544 0 24px,\n #3d4939 24px 28px\n );\n box-shadow: 0 22px 34px rgba(27,34,24,.22);\n transform: translateX(-50%);\n }\n\n .dirtdog-hammock::before,\n .dirtdog-hammock::after {\n position: absolute;\n top: -74px;\n width: 8px;\n height: 90px;\n border-radius: 999px;\n background: #2b342a;\n content: \"\";\n }\n\n .dirtdog-hammock::before { left: 54px; }\n .dirtdog-hammock::after { right: 54px; }\n\n .dirtdog-sideflap {\n position: absolute;\n top: 18px;\n width: 82px;\n height: 150px;\n border: 7px solid #182018;\n border-radius: 18px;\n background: linear-gradient(145deg, #4a5745, #354132);\n }\n\n .dirtdog-sideflap--left { left: -56px; transform: rotate(-6deg); }\n .dirtdog-sideflap--right { right: -56px; transform: rotate(6deg); }\n\n .dirtdog-dog {\n position: absolute;\n z-index: 8;\n left: 50%;\n top: 98px;\n font-size: 7rem;\n transform: translateX(-50%);\n filter: drop-shadow(0 16px 18px rgba(25,30,23,.18));\n }\n\n .dirtdog-brand {\n position: absolute;\n z-index: 10;\n left: 50%;\n bottom: 10px;\n width: 220px;\n padding: 11px 15px;\n border: 2px solid rgba(236,242,225,.52);\n border-radius: 999px;\n color: #eff4e8;\n font-size: .7rem;\n font-weight: 900;\n letter-spacing: .11em;\n text-align: center;\n text-transform: uppercase;\n background: #35402f;\n transform: translateX(-50%);\n box-shadow: 0 14px 26px rgba(22,27,21,.22);\n }\n\n .dirtdog-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 14px;\n }\n\n .dirtdog-item {\n display: grid;\n grid-template-columns: 56px minmax(0,1fr);\n gap: 15px;\n align-items: center;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 16px;\n background: #f8faf3;\n }\n\n .dirtdog-icon {\n display: grid;\n width: 56px;\n height: 56px;\n place-items: center;\n border-radius: 16px;\n font-size: 1.4rem;\n background: #dce7be;\n }\n\n @media screen and (max-width:760px) {\n .dirtdog-product { height:320px; }\n .dirtdog-car { width:390px;height:215px;border-width:8px; }\n .dirtdog-seat { width:122px;height:118px; }\n .dirtdog-hammock { top:66px;width:290px;height:148px; }\n .dirtdog-dog { top:88px;font-size:5.6rem; }\n .dirtdog-brand { width:175px;font-size:.58rem; }\n }\n\n @media screen and (max-width:430px) {\n .dirtdog-product { width:96%;height:250px; }\n .dirtdog-car { width:285px;height:185px;border-width:6px; }\n .dirtdog-seat { width:86px;height:96px;border-width:6px; }\n .dirtdog-seat--left { left:26px; }\n .dirtdog-seat--right { right:26px; }\n .dirtdog-hammock { top:58px;width:220px;height:126px;border-width:6px; }\n .dirtdog-sideflap { width:56px;height:108px;border-width:5px; }\n .dirtdog-sideflap--left { left:-36px; }\n .dirtdog-sideflap--right { right:-36px; }\n .dirtdog-dog { top:78px;font-size:4.3rem; }\n .dirtdog-brand { width:145px;padding:9px;font-size:.5rem;bottom:4px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"bosveld-rod-container\"\u003e\n \u003cp class=\"bosveld-eyebrow\"\u003eFull back-seat protection for real adventures\u003c\/p\u003e\n\n \u003ch1 class=\"bosveld-title\"\u003e\n DirtDog\n \u003cspan\u003eSeat Defender\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"bosveld-tagline\"\u003eYour Dog Rides. Your Seats Survive.\u003c\/p\u003e\n\n \u003cp class=\"bosveld-intro\"\u003e\n DirtDog transforms your back seat into a secure, scratch-resistant travel zone\n for your dog while protecting upholstery from mud, hair, sand and everyday mess.\n Whether you're heading to the trail, the vet or the beach, your dog rides comfortably\n and your vehicle stays cleaner.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-product-visual\" data-parallax\u003e\n \u003cdiv class=\"bosveld-water-ripple\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bosveld-floating-lure\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-product-badge\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUniversal Fit\u003c\/strong\u003e\n \u003cspan\u003eCars, trucks and SUVs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dirtdog-product\" role=\"img\" aria-label=\"DirtDog dog hammock protecting a vehicle back seat\"\u003e\n \u003cdiv class=\"dirtdog-car\"\u003e\n \u003cdiv class=\"dirtdog-seat dirtdog-seat--left\"\u003e\u003cdiv class=\"dirtdog-headrest\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-seat dirtdog-seat--right\"\u003e\u003cdiv class=\"dirtdog-headrest\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dirtdog-hammock\"\u003e\n \u003cdiv class=\"dirtdog-sideflap dirtdog-sideflap--left\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-sideflap dirtdog-sideflap--right\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dirtdog-dog\" aria-hidden=\"true\"\u003eπŸ•\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-brand\"\u003eDirtDog Seat Defender\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eAdventure-ready protection from seat to door\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Keep your dog contained, comfortable and off your upholstery while protecting\n the areas that muddy paws reach most.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eπŸ›‘οΈ\u003c\/div\u003e\n \u003cstrong\u003eFull Back-Seat Coverage\u003c\/strong\u003e\n \u003cp\u003eThe hammock design protects the seat base, seatbacks and the space between rows.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eπŸšͺ\u003c\/div\u003e\n \u003cstrong\u003eSide Flap Protection\u003c\/strong\u003e\n \u003cp\u003eExtended flaps help shield door panels and seat edges from mud, claws and hair.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eπŸ•\u003c\/div\u003e\n \u003cstrong\u003eMore Secure Travel\u003c\/strong\u003e\n \u003cp\u003eThe hammock layout helps reduce movement into the footwell during normal driving.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eBuilt for real adventures\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Practical protection for muddy trails, sandy beaches and everyday car journeys.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHammock + Seat Cover in One\u003c\/strong\u003e\u003cp\u003eCreates a full protective barrier across the back seat and footwell area.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eIntegrated Side Flaps\u003c\/strong\u003e\u003cp\u003eProvides wider coverage with fewer exposed gaps around the doors.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAnti-Scratch Surface\u003c\/strong\u003e\u003cp\u003eHelps protect leather and fabric upholstery from claws and rough movement.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eNon-Slip Backing\u003c\/strong\u003e\u003cp\u003eDesigned to reduce shifting on both leather and fabric seats.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eMachine Washable\u003c\/strong\u003e\u003cp\u003eRemove the cover and wash it after muddy, sandy or wet trips.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eUniversal Vehicle Fit\u003c\/strong\u003e\u003cp\u003eCompatible with many cars, bakkies, trucks and SUVs with adjustable headrests.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003ePerfect for\u003c\/h2\u003e\n \u003cdiv class=\"dirtdog-grid bosveld-stagger\"\u003e\n \u003cdiv class=\"dirtdog-item\"\u003e\n\u003cdiv class=\"dirtdog-icon\"\u003eπŸ₯Ύ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eTrail \u0026amp; Hiking Trips\u003c\/strong\u003e\u003cp\u003eContain mud, grass and debris after outdoor adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-item\"\u003e\n\u003cdiv class=\"dirtdog-icon\"\u003eπŸ–οΈ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBeach Days\u003c\/strong\u003e\u003cp\u003eHelp keep sand, salt and damp fur off your seats and doors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-item\"\u003e\n\u003cdiv class=\"dirtdog-icon\"\u003eπŸ₯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eVet Visits\u003c\/strong\u003e\u003cp\u003eCreate a cleaner, more secure travel space for routine trips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"dirtdog-item\"\u003e\n\u003cdiv class=\"dirtdog-icon\"\u003eπŸš—\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEveryday Driving\u003c\/strong\u003e\u003cp\u003eProtect your back seat during errands, school runs and daily travel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eEasy on. Easy off.\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Installs in minutes with adjustable headrest straps β€” no tools required.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003ePosition the Cover\u003c\/strong\u003e\u003cp\u003eLay the hammock across the back seat with the side flaps facing the doors.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eClip the Rear Straps\u003c\/strong\u003e\u003cp\u003eSecure the adjustable straps around the rear headrests.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eClip the Front Straps\u003c\/strong\u003e\u003cp\u003eAttach the remaining straps around the front-seat headrests.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdjust \u0026amp; Go\u003c\/strong\u003e\u003cp\u003eTighten the straps, position the side flaps and check that the cover sits securely.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eProduct specifications\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\n \u003ctable class=\"bosveld-spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eProduct Name\u003c\/th\u003e\n\u003ctd\u003eDirtDog Seat Defender\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eDesign\u003c\/th\u003e\n\u003ctd\u003eBack-seat hammock and protective seat cover\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eFit\u003c\/th\u003e\n\u003ctd\u003eUniversal fit for many cars, trucks, bakkies and SUVs\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eSide Coverage\u003c\/th\u003e\n\u003ctd\u003eIntegrated protective side flaps\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eBacking\u003c\/th\u003e\n\u003ctd\u003eNon-slip backing\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eCleaning\u003c\/th\u003e\n\u003ctd\u003eMachine washable\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n\u003ctd\u003eAdjustable headrest straps; no tools required\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"reviews\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhat South African dog owners are saying\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-review-showcase\"\u003e\n \u003carticle class=\"bosveld-review-featured\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œOur Labrador brings half the beach home with him. This cover catches the sand and stays in place even on longer drives.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eWarren J.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eGqeberha, Eastern Cape\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"bosveld-review-mini-list\"\u003e\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œThe side flaps are the best part. No more muddy paw marks all over the doors after weekend hikes.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eNomvula K.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003ePietermaritzburg, KwaZulu-Natal\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œFits my Fortuner properly and takes less than two minutes to install. Much easier travelling with our German Shepherd now.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eHennie C.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eKimberley, Northern Cape\u003c\/span\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1;\"\u003e\n \u003cstrong\u003eSafety note:\u003c\/strong\u003e This cover is not a replacement for a suitable pet restraint.\n Secure your dog using an appropriate harness or vehicle restraint system and confirm that\n all straps are correctly fitted before driving.\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n \u003cdiv\u003e\n \u003ch2\u003eReady for cleaner adventures?\u003c\/h2\u003e\n \u003cp\u003e\n Protect your seats, doors and footwell while giving your dog a more secure place to ride.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-button-group\"\u003e\n \u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\n \u003cbutton type=\"button\" class=\"bosveld-button bosveld-button--secondary\" id=\"bosveld-add-to-cart\" data-bosveld-add-to-cart\u003e\n πŸ›’ Add to Cart\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bosveld-footer-tagline\"\u003eProtected Seats. Happier Adventures.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".bosveld-tactical-case\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const buttons = document.querySelectorAll(\n \"#bosveld-add-to-cart, [data-bosveld-add-to-cart]\"\n );\n\n if (!buttons.length) return;\n\n function getSelectedVariantId() {\n const productForms = document.querySelectorAll(\n 'form[action*=\"\/cart\/add\"], product-form form'\n );\n\n for (const form of productForms) {\n const selectedVariant = form.querySelector(\n 'input[name=\"id\"]:checked, select[name=\"id\"], input[name=\"id\"]'\n );\n\n if (selectedVariant \u0026\u0026 selectedVariant.value) {\n const variantId = Number(selectedVariant.value);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n }\n\n const variantField = document.querySelector(\n '[name=\"id\"][value], [data-variant-id]'\n );\n\n if (variantField) {\n const rawValue =\n variantField.value ||\n variantField.getAttribute(\"data-variant-id\");\n\n const variantId = Number(rawValue);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n\n for (const button of buttons) {\n const manualId = Number(button.dataset.variantId);\n if (Number.isInteger(manualId) \u0026\u0026 manualId \u003e 0) return manualId;\n }\n\n return null;\n }\n\n async function addToCart(button) {\n const variantId = getSelectedVariantId();\n\n if (!variantId) {\n alert(\n \"No Shopify variant could be detected. Place this section on the Shopify product page or add data-variant-id to the Add to Cart button.\"\n );\n return;\n }\n\n const originalText = button.innerHTML;\n\n buttons.forEach(function (item) {\n item.disabled = true;\n item.setAttribute(\"aria-busy\", \"true\");\n item.innerHTML = \"Adding…\";\n });\n\n try {\n const root =\n window.Shopify \u0026\u0026 window.Shopify.routes\n ? window.Shopify.routes.root\n : \"\/\";\n\n const response = await fetch(root + \"cart\/add.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify({\n items: [{ id: variantId, quantity: 1 }]\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(\n result.description ||\n result.message ||\n \"The product could not be added.\"\n );\n }\n\n buttons.forEach(function (item) {\n item.innerHTML = \"Added βœ“\";\n item.removeAttribute(\"aria-busy\");\n });\n\n document.documentElement.dispatchEvent(\n new CustomEvent(\"cart:refresh\", { bubbles: true })\n );\n\n document.dispatchEvent(\n new CustomEvent(\"cart:updated\", {\n bubbles: true,\n detail: result\n })\n );\n\n setTimeout(function () {\n window.location.href = root + \"cart\";\n }, 450);\n } catch (error) {\n console.error(\"Bosveld Add to Cart:\", error);\n\n buttons.forEach(function (item) {\n item.disabled = false;\n item.removeAttribute(\"aria-busy\");\n item.innerHTML = originalText;\n });\n\n alert(error.message || \"Unable to add this product to the cart.\");\n }\n }\n\n buttons.forEach(function (button) {\n button.addEventListener(\"click\", function () {\n addToCart(button);\n });\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"Default Title","offer_id":48362142302361,"sku":null,"price":649.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPT_Image_Jul_25_2026_10_26_44_PM.png?v=1785011246"},{"product_id":"packleader-puzzle-2-pack","title":"Pack Leader Puzzle 2-Pack","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"PackLeader Puzzle 2-Pack treat-dispensing enrichment balls for large dogs, designed for mental stimulation, training, teething support and rewarding play.\"\u003e\n \u003ctitle\u003ePackLeader Puzzle 2-Pack\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n\u003cstyle id=\"packleader-heading-final-fix\"\u003e\n.bosveld-rod-section .bosveld-rod-container{min-width:0!important;max-width:100%!important;}\n.bosveld-rod-section h1.packleader-title{font-size:clamp(36px,8vw,60px)!important;line-height:.92!important;letter-spacing:-.045em!important;width:100%!important;max-width:100%!important;overflow:visible!important;}\n.bosveld-rod-section h1.packleader-title span{display:block!important;max-width:100%!important;white-space:normal!important;}\n@media(max-width:600px){.bosveld-rod-section h1.packleader-title{font-size:clamp(34px,10.5vw,48px)!important;letter-spacing:-.035em!important;}}\n@media(max-width:380px){.bosveld-rod-section h1.packleader-title{font-size:clamp(30px,10vw,40px)!important;}}\n\u003c\/style\u003e\n\n \u003cspan class=\"bosveld-decoration bosveld-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cstyle\u003e\n .packleader-product {\n position: relative;\n z-index: 3;\n width: min(720px, 92%);\n height: 400px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n transform-style: preserve-3d;\n }\n\n .packleader-playmat {\n position: absolute;\n left: 50%;\n bottom: 35px;\n width: 520px;\n height: 220px;\n border: 9px solid #263025;\n border-radius: 50%;\n background:\n radial-gradient(circle at center, rgba(255,255,255,.08), transparent 52%),\n linear-gradient(145deg, #687a5c, #3b4a34);\n box-shadow:\n inset 0 0 0 5px rgba(255,255,255,.025),\n 0 28px 46px rgba(38,53,31,.2);\n transform: translateX(-50%) rotate(-2deg);\n }\n\n .packleader-ball {\n position: absolute;\n z-index: 6;\n display: grid;\n width: 175px;\n height: 175px;\n place-items: center;\n border: 10px solid #202920;\n border-radius: 50%;\n background:\n radial-gradient(circle at 34% 26%, rgba(255,255,255,.2) 0 8%, transparent 9%),\n repeating-radial-gradient(circle at 50% 50%, #7e9c62 0 14px, #688751 15px 25px);\n box-shadow:\n inset -16px -18px 24px rgba(32,45,27,.2),\n 0 24px 34px rgba(34,46,30,.23);\n }\n\n .packleader-ball::before,\n .packleader-ball::after {\n position: absolute;\n border: 7px solid #263025;\n border-radius: 50%;\n background: #283426;\n content: \"\";\n }\n\n .packleader-ball::before {\n top: 26px;\n left: 50%;\n width: 42px;\n height: 42px;\n transform: translateX(-50%);\n }\n\n .packleader-ball::after {\n right: 26px;\n bottom: 30px;\n width: 34px;\n height: 34px;\n }\n\n .packleader-ball--one {\n left: 17%;\n top: 96px;\n transform: rotate(-11deg);\n animation: packleader-ball-one 3.8s ease-in-out infinite;\n }\n\n .packleader-ball--two {\n right: 17%;\n top: 54px;\n transform: rotate(10deg);\n animation: packleader-ball-two 4.2s ease-in-out infinite;\n }\n\n .packleader-treat {\n position: absolute;\n z-index: 8;\n width: 36px;\n height: 23px;\n border: 5px solid #5b3a21;\n border-radius: 13px;\n background: linear-gradient(145deg, #d59a54, #9e632e);\n box-shadow: 0 9px 14px rgba(69,43,23,.18);\n animation: packleader-treat-bounce 2.8s ease-in-out infinite;\n }\n\n .packleader-treat--one {\n left: 43%;\n top: 72px;\n }\n\n .packleader-treat--two {\n right: 37%;\n top: 198px;\n animation-delay: .7s;\n }\n\n .packleader-treat--three {\n left: 38%;\n top: 230px;\n animation-delay: 1.35s;\n }\n\n .packleader-dog {\n position: absolute;\n z-index: 7;\n left: 50%;\n top: 158px;\n font-size: 6.8rem;\n filter: drop-shadow(0 16px 18px rgba(25,30,23,.18));\n transform: translateX(-50%);\n }\n\n .packleader-brand {\n position: absolute;\n z-index: 10;\n left: 50%;\n bottom: 8px;\n width: 225px;\n padding: 11px 15px;\n border: 2px solid rgba(236,242,225,.52);\n border-radius: 999px;\n color: #eff4e8;\n font-size: .7rem;\n font-weight: 900;\n letter-spacing: .11em;\n text-align: center;\n text-transform: uppercase;\n background: #35402f;\n box-shadow: 0 14px 26px rgba(22,27,21,.22);\n transform: translateX(-50%);\n }\n\n .packleader-grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 14px;\n }\n\n .packleader-item {\n display: grid;\n grid-template-columns: 56px minmax(0,1fr);\n gap: 15px;\n align-items: center;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 16px;\n background: #f8faf3;\n }\n\n .packleader-icon {\n display: grid;\n width: 56px;\n height: 56px;\n place-items: center;\n border-radius: 16px;\n font-size: 1.4rem;\n background: #dce7be;\n }\n\n @keyframes packleader-ball-one {\n 0%,100% { transform: rotate(-11deg) translateY(0); }\n 50% { transform: rotate(-3deg) translateY(-12px); }\n }\n\n @keyframes packleader-ball-two {\n 0%,100% { transform: rotate(10deg) translateY(0); }\n 50% { transform: rotate(18deg) translateY(10px); }\n }\n\n @keyframes packleader-treat-bounce {\n 0%,100% { transform: translateY(0) rotate(-4deg); }\n 50% { transform: translateY(-14px) rotate(8deg); }\n }\n\n @media screen and (max-width:760px) {\n .packleader-product { height: 320px; }\n .packleader-playmat { width: 390px; height: 170px; }\n .packleader-ball { width: 135px; height: 135px; border-width: 8px; }\n .packleader-ball--one { left: 13%; top: 82px; }\n .packleader-ball--two { right: 13%; top: 50px; }\n .packleader-dog { top: 134px; font-size: 5.4rem; }\n .packleader-brand { width: 178px; font-size: .58rem; }\n }\n\n @media screen and (max-width:430px) {\n .packleader-product { width: 96%; height: 250px; }\n .packleader-playmat { width: 280px; height: 130px; bottom: 30px; border-width: 6px; }\n .packleader-ball { width: 98px; height: 98px; border-width: 6px; }\n .packleader-ball::before { width: 26px; height: 26px; border-width: 5px; }\n .packleader-ball::after { width: 22px; height: 22px; border-width: 5px; }\n .packleader-ball--one { left: 8%; top: 70px; }\n .packleader-ball--two { right: 8%; top: 46px; }\n .packleader-dog { top: 112px; font-size: 4rem; }\n .packleader-treat { width: 26px; height: 17px; border-width: 4px; }\n .packleader-brand { width: 150px; padding: 9px; font-size: .5rem; bottom: 3px; }\n }\n \u003c\/style\u003e\n\n \u003cdiv class=\"bosveld-rod-container\"\u003e\n \u003cp class=\"bosveld-eyebrow\"\u003eRewarding enrichment for energetic dogs\u003c\/p\u003e\n\n \u003ch1 class=\"bosveld-title packleader-title\" style=\"display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:clamp(36px,8vw,60px)!important;line-height:.92!important;letter-spacing:-.045em!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;\"\u003e\n \u003cspan style=\"display:block!important;width:100%!important;max-width:100%!important;color:var(--olive-dark)!important;white-space:normal!important;\"\u003ePackLeader\u003c\/span\u003e\n \u003cspan style=\"display:block!important;width:100%!important;max-width:100%!important;color:var(--olive-medium)!important;white-space:normal!important;\"\u003ePuzzle 2-Pack\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"bosveld-tagline\"\u003eKeep Your Dog Busy, Happy \u0026amp; Mentally Stimulated.\u003c\/p\u003e\n\n \u003cp class=\"bosveld-intro\"\u003e\n PackLeader Puzzle turns treats into a rewarding challenge for large,\n energetic dogs. The treat-dispensing design encourages problem-solving,\n supports positive training and gives active dogs a healthier outlet for\n boredom, chewing and excess energy.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-product-visual\" data-parallax\u003e\n \u003cdiv class=\"bosveld-water-ripple\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bosveld-floating-lure\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-product-badge\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e2-Pack\u003c\/strong\u003e\n \u003cspan\u003eTreat-dispensing puzzles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"packleader-product\" role=\"img\" aria-label=\"Two PackLeader Puzzle treat-dispensing balls with a playful large dog\"\u003e\n \u003cdiv class=\"packleader-playmat\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-ball packleader-ball--one\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-ball packleader-ball--two\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-treat packleader-treat--one\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-treat packleader-treat--two\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-treat packleader-treat--three\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"packleader-dog\" aria-hidden=\"true\"\u003eπŸ•\u003c\/div\u003e\n \u003cdiv class=\"packleader-brand\"\u003ePackLeader Puzzle 2-Pack\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eTurn every treat into a challenge\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Encourage natural curiosity, focused play and rewarding problem-solving\n instead of restless, destructive boredom.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003e🧠\u003c\/div\u003e\n \u003cstrong\u003eMental Enrichment\u003c\/strong\u003e\n \u003cp\u003eChallenges your dog's problem-solving instincts and keeps their mind engaged.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003e🐾\u003c\/div\u003e\n \u003cstrong\u003eRewarding Play\u003c\/strong\u003e\n \u003cp\u003eTreat dispensing encourages longer, more purposeful play sessions.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-benefit-card\"\u003e\n \u003cdiv class=\"bosveld-benefit-icon\" aria-hidden=\"true\"\u003eπŸ’ͺ\u003c\/div\u003e\n \u003cstrong\u003eMade for Large Dogs\u003c\/strong\u003e\n \u003cp\u003eDurable construction is designed for larger breeds and energetic play.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhy your dog will love it\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Designed to make training, enrichment and everyday play more rewarding.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTreat-Dispensing Design\u003c\/strong\u003e\n \u003cp\u003eRewards curiosity as your dog rolls, nudges and explores the puzzle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMental Stimulation\u003c\/strong\u003e\n \u003cp\u003eEncourages focus and problem-solving during independent play.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTeething Support\u003c\/strong\u003e\n \u003cp\u003eProvides an appropriate chewing outlet during teething phases.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePositive Training Tool\u003c\/strong\u003e\n \u003cp\u003eUse treats to reinforce patience, focus and rewarding behaviour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eDurable Large-Breed Design\u003c\/strong\u003e\n \u003cp\u003eBuilt for energetic dogs and regular interactive play.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTwo Toys in Every Pack\u003c\/strong\u003e\n \u003cp\u003eRotate the puzzles, use them in different areas or keep one ready as a spare.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eIdeal for\u003c\/h2\u003e\n\n \u003cdiv class=\"packleader-grid bosveld-stagger\"\u003e\n \u003cdiv class=\"packleader-item\"\u003e\n \u003cdiv class=\"packleader-icon\"\u003e🏠\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eIndoor Enrichment\u003c\/strong\u003e\u003cp\u003eKeep energetic dogs occupied during quiet days or poor weather.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"packleader-item\"\u003e\n \u003cdiv class=\"packleader-icon\"\u003eπŸŽ“\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eTraining Rewards\u003c\/strong\u003e\u003cp\u003eBuild focus and positive associations around treat-based play.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"packleader-item\"\u003e\n \u003cdiv class=\"packleader-icon\"\u003e🦷\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eTeething Puppies\u003c\/strong\u003e\u003cp\u003eOffer a more appropriate outlet for chewing and sore gums.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"packleader-item\"\u003e\n \u003cdiv class=\"packleader-icon\"\u003e⚑\u003c\/div\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eHigh-Energy Dogs\u003c\/strong\u003e\u003cp\u003eTurn excess energy into a mentally engaging activity.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eHow to use\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Start easy, then increase the challenge as your dog learns.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eAdd Suitable Treats\u003c\/strong\u003e\u003cp\u003ePlace dry treats or kibble inside the puzzle opening.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eIntroduce the Toy\u003c\/strong\u003e\u003cp\u003eAllow your dog to sniff, nudge and investigate it under supervision.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eReward Curiosity\u003c\/strong\u003e\u003cp\u003eEncourage calm interaction as treats dispense during play.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-feature-step\"\u003e\n \u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\n \u003cdiv\u003e\n\u003cstrong\u003eClean After Use\u003c\/strong\u003e\u003cp\u003eRemove leftover food and wash the puzzle before the next session.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhat's in the box?\u003c\/h2\u003e\n\n \u003cdiv class=\"packleader-grid\"\u003e\n \u003cdiv class=\"packleader-item\"\u003e\n \u003cdiv class=\"packleader-icon\"\u003e2Γ—\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePackLeader Puzzle Treat-Dispensing Balls\u003c\/strong\u003e\n \u003cp\u003eTwo enrichment toys suitable for compatible large dog breeds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eProduct specifications\u003c\/h2\u003e\n\n \u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\n \u003ctable class=\"bosveld-spec-table\"\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eProduct Name\u003c\/th\u003e\n\u003ctd\u003ePackLeader Puzzle 2-Pack\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003ePack Size\u003c\/th\u003e\n\u003ctd\u003e2 treat-dispensing puzzle balls\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eSuitable For\u003c\/th\u003e\n\u003ctd\u003eLarge dog breeds\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003ePrimary Use\u003c\/th\u003e\n\u003ctd\u003eMental enrichment and treat dispensing\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eAdditional Uses\u003c\/th\u003e\n\u003ctd\u003eTraining, teething support and boredom reduction\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003ePlay Environment\u003c\/th\u003e\n\u003ctd\u003eIndoor and outdoor supervised play\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eCleaning\u003c\/th\u003e\n\u003ctd\u003eRemove treats, wash and dry thoroughly after use\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"reviews\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhat South African dog owners are saying\u003c\/h2\u003e\n\n \u003cdiv class=\"bosveld-review-showcase\"\u003e\n \u003carticle class=\"bosveld-review-featured\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œMy Boerboel stays focused on these for ages. They are especially useful on rainy days when he cannot burn off all his energy outside.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eJacques M.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003ePotchefstroom, North West\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"bosveld-review-mini-list\"\u003e\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œOur Labrador gets one every evening with a few treats inside. She settles down much faster after playing with it.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eZanele P.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eRichards Bay, KwaZulu-Natal\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œA great way to keep my Rottweiler mentally occupied while I work. Having two in the pack is also very convenient.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eDarren L.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003ePaarl, Western Cape\u003c\/span\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1;\"\u003e\n \u003cstrong\u003eSupervision note:\u003c\/strong\u003e No dog toy is indestructible. Choose treats appropriate\n for your dog, supervise play, inspect the puzzles regularly and replace them if they become\n cracked, torn or small enough to create a swallowing risk.\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n \u003cdiv\u003e\n \u003ch2\u003eReady to give your dog a better way to play?\u003c\/h2\u003e\n \u003cp\u003e\n Challenge their mind, reward good behaviour and turn every treat into\n an enriching activity.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-button-group\"\u003e\n \u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\n \u003ca class=\"bosveld-button bosveld-button--secondary\" href=\"\/cart\"\u003eπŸ›’ View Cart\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bosveld-footer-tagline\"\u003ePlay. Think. Reward.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".bosveld-tactical-case\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const buttons = document.querySelectorAll(\n \"#bosveld-add-to-cart, [data-bosveld-add-to-cart]\"\n );\n\n if (!buttons.length) return;\n\n function getSelectedVariantId() {\n const productForms = document.querySelectorAll(\n 'form[action*=\"\/cart\/add\"], product-form form'\n );\n\n for (const form of productForms) {\n const selectedVariant = form.querySelector(\n 'input[name=\"id\"]:checked, select[name=\"id\"], input[name=\"id\"]'\n );\n\n if (selectedVariant \u0026\u0026 selectedVariant.value) {\n const variantId = Number(selectedVariant.value);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n }\n\n const variantField = document.querySelector(\n '[name=\"id\"][value], [data-variant-id]'\n );\n\n if (variantField) {\n const rawValue =\n variantField.value ||\n variantField.getAttribute(\"data-variant-id\");\n\n const variantId = Number(rawValue);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n\n for (const button of buttons) {\n const manualId = Number(button.dataset.variantId);\n if (Number.isInteger(manualId) \u0026\u0026 manualId \u003e 0) return manualId;\n }\n\n return null;\n }\n\n async function addToCart(button) {\n const variantId = getSelectedVariantId();\n\n if (!variantId) {\n alert(\n \"No Shopify variant could be detected. Place this section on the Shopify product page or add data-variant-id to the Add to Cart button.\"\n );\n return;\n }\n\n const originalText = button.innerHTML;\n\n buttons.forEach(function (item) {\n item.disabled = true;\n item.setAttribute(\"aria-busy\", \"true\");\n item.innerHTML = \"Adding…\";\n });\n\n try {\n const root =\n window.Shopify \u0026\u0026 window.Shopify.routes\n ? window.Shopify.routes.root\n : \"\/\";\n\n const response = await fetch(root + \"cart\/add.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify({\n items: [{ id: variantId, quantity: 1 }]\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(\n result.description ||\n result.message ||\n \"The product could not be added.\"\n );\n }\n\n buttons.forEach(function (item) {\n item.innerHTML = \"Added βœ“\";\n item.removeAttribute(\"aria-busy\");\n });\n\n document.documentElement.dispatchEvent(\n new CustomEvent(\"cart:refresh\", { bubbles: true })\n );\n\n document.dispatchEvent(\n new CustomEvent(\"cart:updated\", {\n bubbles: true,\n detail: result\n })\n );\n\n setTimeout(function () {\n window.location.href = root + \"cart\";\n }, 450);\n } catch (error) {\n console.error(\"Bosveld Add to Cart:\", error);\n\n buttons.forEach(function (item) {\n item.disabled = false;\n item.removeAttribute(\"aria-busy\");\n item.innerHTML = originalText;\n });\n\n alert(error.message || \"Unable to add this product to the cart.\");\n }\n }\n\n buttons.forEach(function (button) {\n button.addEventListener(\"click\", function () {\n addToCart(button);\n });\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"Default Title","offer_id":48366489763993,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageJul26_2026_09_19_34PM.png?v=1785094154"},{"product_id":"hydroblast-pro-foam-sprayer","title":"HydroBlast Pro Foam Sprayer","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"HydroBlast Pro adjustable hose foam sprayer for vehicles, equipment and outdoor gear.\"\u003e\n \u003ctitle\u003eHydroBlast Pro Foam Sprayer\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\u003cstyle id=\"hydroblast-shopify-safe-fix\"\u003e\n\/* Shopify-safe HydroBlast product visual *\/\n.hydro-nozzle,\n.hydro-neck,\n.hydro-trigger,\n.hydro-bottle,\n.hydro-foam{\n display:block !important;\n visibility:visible !important;\n opacity:1 !important;\n overflow:hidden !important;\n text-indent:-9999px !important;\n font-size:0 !important;\n line-height:0 !important;\n}\n\n.hydro-product{\n position:relative !important;\n z-index:10 !important;\n display:block !important;\n visibility:visible !important;\n opacity:1 !important;\n width:min(700px,92%) !important;\n height:390px !important;\n margin:0 auto !important;\n transform:none !important;\n animation:none !important;\n}\n\n\/* Remove the oversized empty halo\/ripple *\/\n.bosveld-product-visual::before,\n.bosveld-product-visual::after,\n.bosveld-product-visual \u003e .bosveld-water-ripple{\n display:none !important;\n}\n\n.bosveld-product-visual{\n min-height:470px !important;\n display:flex !important;\n align-items:center !important;\n justify-content:center !important;\n padding:68px 24px 34px !important;\n}\n\n\/* Make it unmistakably look like a foam sprayer *\/\n.hydro-bottle{\n left:50% !important;\n bottom:52px !important;\n width:190px !important;\n height:230px !important;\n transform:translateX(-50%) !important;\n z-index:4 !important;\n}\n\n.hydro-neck{\n left:50% !important;\n top:74px !important;\n width:94px !important;\n height:74px !important;\n transform:translateX(-50%) !important;\n z-index:6 !important;\n}\n\n.hydro-nozzle{\n left:50% !important;\n top:44px !important;\n width:300px !important;\n height:66px !important;\n transform:translateX(-50%) rotate(-4deg) !important;\n z-index:8 !important;\n}\n\n.hydro-trigger{\n left:50% !important;\n top:104px !important;\n width:64px !important;\n height:146px !important;\n transform:translateX(-25px) rotate(8deg) !important;\n z-index:7 !important;\n}\n\n.hydro-foam{\n right:0 !important;\n top:34px !important;\n width:230px !important;\n height:155px !important;\n z-index:9 !important;\n}\n\n.hydro-label{\n z-index:20 !important;\n bottom:6px !important;\n}\n\n.bosveld-product-badge,\n.bosveld-floating-lure{\n z-index:30 !important;\n}\n\n@media(max-width:760px){\n .bosveld-product-visual{\n min-height:380px !important;\n padding:58px 12px 26px !important;\n }\n\n .hydro-product{\n width:96% !important;\n height:315px !important;\n }\n\n .hydro-bottle{\n width:150px !important;\n height:185px !important;\n }\n\n .hydro-neck{\n top:64px !important;\n width:76px !important;\n height:60px !important;\n }\n\n .hydro-nozzle{\n top:42px !important;\n width:235px !important;\n height:54px !important;\n }\n\n .hydro-trigger{\n top:90px !important;\n width:52px !important;\n height:118px !important;\n }\n\n .hydro-foam{\n width:175px !important;\n height:120px !important;\n }\n}\n\n@media(max-width:430px){\n .bosveld-product-visual{\n min-height:300px !important;\n padding:50px 6px 20px !important;\n }\n\n .hydro-product{\n width:98% !important;\n height:245px !important;\n }\n\n .hydro-bottle{\n width:112px !important;\n height:145px !important;\n bottom:40px !important;\n }\n\n .hydro-neck{\n top:56px !important;\n width:58px !important;\n height:48px !important;\n border-width:6px !important;\n }\n\n .hydro-nozzle{\n top:40px !important;\n width:175px !important;\n height:44px !important;\n border-width:6px !important;\n }\n\n .hydro-trigger{\n top:76px !important;\n width:42px !important;\n height:94px !important;\n border-width:6px !important;\n }\n\n .hydro-foam{\n width:125px !important;\n height:90px !important;\n right:-2% !important;\n }\n\n .bosveld-product-badge{\n top:12px !important;\n right:12px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--one\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan class=\"bosveld-decoration bosveld-decoration--two\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cstyle\u003e\n .hydro-product{position:relative;z-index:3;width:min(700px,92%);height:390px;animation:bosveld-product-float 4s ease-in-out infinite}\n .hydro-bottle{position:absolute;z-index:5;left:50%;bottom:54px;width:180px;height:220px;border:9px solid #182018;border-radius:30px 30px 42px 42px;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 30%),linear-gradient(145deg,#d9eef3,#8fc3cf 72%);box-shadow:0 26px 42px rgba(31,52,57,.22);transform:translateX(-50%);overflow:hidden}\n .hydro-bottle:before{position:absolute;left:0;right:0;bottom:0;height:45%;background:repeating-radial-gradient(circle at 30% 40%,#fff 0 5px,transparent 6px 14px),linear-gradient(to top,#f8ffff,#d9f3f7);content:\"\"}\n .hydro-neck{position:absolute;z-index:6;left:50%;top:76px;width:90px;height:72px;border:8px solid #182018;border-radius:18px;background:linear-gradient(145deg,#667567,#303a30);transform:translateX(-50%)}\n .hydro-nozzle{position:absolute;z-index:8;left:50%;top:48px;width:280px;height:62px;border:8px solid #151a15;border-radius:999px;background:linear-gradient(145deg,#5e6b5d,#2b332b);transform:translateX(-50%) rotate(-4deg)}\n .hydro-nozzle:before{position:absolute;right:-88px;top:50%;width:100px;height:38px;border:7px solid #151a15;border-left:0;border-radius:0 22px 22px 0;background:#596659;content:\"\";transform:translateY(-50%)}\n .hydro-trigger{position:absolute;z-index:7;left:50%;top:104px;width:60px;height:142px;border:8px solid #151a15;border-radius:20px 20px 34px 34px;background:linear-gradient(145deg,#4b584a,#252d25);transform:translateX(-28px) rotate(8deg)}\n .hydro-foam{position:absolute;z-index:9;right:1%;top:36px;width:220px;height:150px;background:radial-gradient(circle at 18% 50%,#fff 0 12px,transparent 13px),radial-gradient(circle at 38% 38%,#fff 0 16px,transparent 17px),radial-gradient(circle at 58% 48%,#fff 0 19px,transparent 20px),radial-gradient(circle at 76% 34%,#fff 0 14px,transparent 15px);animation:hydrofoam 2.8s ease-in-out infinite}\n .hydro-label{position:absolute;z-index:10;left:50%;bottom:6px;width:220px;padding:11px 15px;border:2px solid rgba(236,242,225,.52);border-radius:999px;color:#eff4e8;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-align:center;text-transform:uppercase;background:#35402f;transform:translateX(-50%)}\n .hydro-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px}\n .hydro-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:15px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8faf3}\n .hydro-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;font-size:1.4rem;background:#dce7be}\n @keyframes hydrofoam{0%,100%{opacity:.72;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1.08) translateX(8px)}}\n @media(max-width:760px){.hydro-product{height:315px}.hydro-bottle{width:145px;height:180px}.hydro-nozzle{width:225px}.hydro-foam{width:170px;height:120px}.hydro-label{width:175px;font-size:.58rem}}\n @media(max-width:430px){.hydro-product{height:250px}.hydro-bottle{width:108px;height:142px}.hydro-neck{top:58px;width:58px;height:48px}.hydro-nozzle{top:42px;width:170px;height:42px;border-width:6px}.hydro-nozzle:before{right:-54px;width:64px;height:27px;border-width:5px}.hydro-trigger{top:78px;width:40px;height:92px;border-width:6px}.hydro-foam{width:125px;height:90px;right:-4%}.hydro-label{width:145px;padding:9px;font-size:.5rem}}\n \u003c\/style\u003e\n\n \u003cdiv class=\"bosveld-rod-container\"\u003e\n \u003cp class=\"bosveld-eyebrow\"\u003eAdjustable foam coverage for serious cleaning\u003c\/p\u003e\n \u003ch1 class=\"bosveld-title\"\u003eHydroBlast Pro \u003cspan\u003eFoam Sprayer\u003c\/span\u003e\n\u003c\/h1\u003e\n \u003cp class=\"bosveld-tagline\"\u003ePrecision Foam. Tactical Clean.\u003c\/p\u003e\n \u003cp class=\"bosveld-intro\"\u003eHydroBlast Pro is a portable, adjustable foam sprayer built for vehicle care, equipment cleaning and outdoor maintenance. Connect it to a standard garden hose, adjust the pattern and cover dust, mud and grime with consistent foam before rinsing.\u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-product-visual\" data-parallax\u003e\n \u003cdiv class=\"bosveld-water-ripple\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bosveld-floating-lure\" aria-hidden=\"true\"\u003eπŸ’¦\u003c\/div\u003e\n \u003cdiv class=\"bosveld-product-badge\"\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdjustable Spray\u003c\/strong\u003e\u003cspan\u003eJet to wide foam blast\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n \u003cdiv class=\"hydro-product\" role=\"img\" aria-label=\"HydroBlast Pro adjustable hose foam sprayer\"\u003e\n \u003cdiv class=\"hydro-nozzle\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"hydro-neck\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"hydro-trigger\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"hydro-bottle\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"hydro-foam\" aria-hidden=\"true\"\u003e​\u003c\/div\u003e\n \u003cdiv class=\"hydro-label\"\u003eHydroBlast Pro\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eConsistent foam without complicated equipment\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003eTurn a standard garden hose into a practical cleaning setup for vehicles, gear and outdoor equipment.\u003c\/p\u003e\n \u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e🚿\u003c\/div\u003e\n\u003cstrong\u003eAdjustable Coverage\u003c\/strong\u003e\u003cp\u003eSwitch between a focused stream and wider foam coverage.\u003c\/p\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e⚑\u003c\/div\u003e\n\u003cstrong\u003eFast Setup\u003c\/strong\u003e\u003cp\u003eConnect to a compatible garden hose without bulky machinery.\u003c\/p\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003eπŸŽ’\u003c\/div\u003e\n\u003cstrong\u003ePortable Cleaning\u003c\/strong\u003e\u003cp\u003eLightweight enough for home, workshop and campsite use.\u003c\/p\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eKey features\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdjustable Spray Pattern\u003c\/strong\u003e\u003cp\u003eMove from a focused jet to a broad foam blast.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eStandard Garden-Hose Connection\u003c\/strong\u003e\u003cp\u003eDesigned for simple household hose compatibility.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eLightweight \u0026amp; Portable\u003c\/strong\u003e\u003cp\u003eEasy to carry and store between cleaning jobs.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eDurable Construction\u003c\/strong\u003e\u003cp\u003eBuilt for repeated outdoor and vehicle-care use.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eControlled Foam Application\u003c\/strong\u003e\u003cp\u003eApply cleaning solution more evenly before rinsing.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eMulti-Surface Cleaning\u003c\/strong\u003e\u003cp\u003eUseful for vehicles, tools, equipment and outdoor gear.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \n\u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eIdeal For\u003c\/h2\u003e\n \u003cdiv class=\"hydroblast-grid bosveld-stagger\"\u003e\n \u003cdiv class=\"hydroblast-item\"\u003e\n\u003cdiv class=\"hydroblast-icon\"\u003eπŸ•\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWashing Dogs\u003c\/strong\u003e\u003cp\u003eGently rinse shampoo and dirt from your dog's coat while using adjustable foam coverage for faster, more comfortable bath time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hydroblast-item\"\u003e\n\u003cdiv class=\"hydroblast-icon\"\u003eπŸš™\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eVehicles \u0026amp; 4x4s\u003c\/strong\u003e\u003cp\u003eLoosen mud, dust and road grime before hand washing your vehicle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hydroblast-item\"\u003e\n\u003cdiv class=\"hydroblast-icon\"\u003e🏍️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMotorcycles \u0026amp; Bicycles\u003c\/strong\u003e\u003cp\u003eApply foam evenly across frames, wheels and hard-to-reach areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hydroblast-item\"\u003e\n\u003cdiv class=\"hydroblast-icon\"\u003eπŸ•οΈ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCamping \u0026amp; Outdoor Gear\u003c\/strong\u003e\u003cp\u003eClean camping equipment, garden tools, outdoor furniture and other washable gear with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eHow to use\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdd Cleaning Solution\u003c\/strong\u003e\u003cp\u003eUse a suitable diluted cleaner according to its instructions.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eConnect the Hose\u003c\/strong\u003e\u003cp\u003eAttach the sprayer securely to a compatible hose.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAdjust \u0026amp; Apply\u003c\/strong\u003e\u003cp\u003eSelect the preferred pattern and apply foam evenly.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eAgitate \u0026amp; Rinse\u003c\/strong\u003e\u003cp\u003eFollow the cleaner instructions and rinse thoroughly.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bosveld-section bosveld-reveal\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eProduct specifications\u003c\/h2\u003e\n \u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\u003ctable class=\"bosveld-spec-table\"\u003e\u003ctbody\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eProduct Name\u003c\/th\u003e\n\u003ctd\u003eHydroBlast Pro Foam Sprayer\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003eAdjustable hose-mounted foam sprayer\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eSpray Control\u003c\/th\u003e\n\u003ctd\u003eFocused jet to wide foam pattern\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eConnection\u003c\/th\u003e\n\u003ctd\u003eCompatible standard garden hose\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003ePortability\u003c\/th\u003e\n\u003ctd\u003eLightweight and portable\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003eBest For\u003c\/th\u003e\n\u003ctd\u003eVehicles, equipment, tools and washable outdoor gear\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003cth scope=\"row\"\u003ePower Required\u003c\/th\u003e\n\u003ctd\u003eNo electrical connection required\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n \u003c\/section\u003e\n\n \n \u003csection class=\"bosveld-section bosveld-reveal\" id=\"reviews\"\u003e\n \u003ch2 class=\"bosveld-section-heading\"\u003eWhat South Africans Are Saying\u003c\/h2\u003e\n \u003cp class=\"bosveld-section-intro\"\u003e\n Practical foam coverage for vehicles, bikes and outdoor gear.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bosveld-review-showcase\"\u003e\n \u003carticle class=\"bosveld-review-featured\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œI bought this to wash my Hilux after weekends on the farm and it works brilliantly. The foam covers the vehicle evenly and makes washing much quicker than using a normal hose nozzle.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eAndre V.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eBloemfontein, Free State\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"bosveld-review-mini-list\"\u003e\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œPerfect for cleaning my camping gear and mountain bikes after muddy trails. Lightweight, easy to connect and the adjustable spray is a big plus.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eSibusiso N.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eMbombela, Mpumalanga\u003c\/span\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"bosveld-review-mini\"\u003e\n \u003cdiv class=\"bosveld-review-stars\" aria-label=\"Five out of five stars\"\u003eβ˜…β˜…β˜…β˜…β˜…\u003c\/div\u003e\n \u003cblockquote class=\"bosveld-review-quote\"\u003e\n β€œI use it every weekend on my Fortuner and the kids’ bicycles. It produces a nice layer of foam and feels much more premium than the cheaper sprayers I’ve owned.”\n \u003c\/blockquote\u003e\n \u003cstrong class=\"bosveld-reviewer-name\"\u003eMegan R.\u003c\/strong\u003e\n \u003cspan class=\"bosveld-reviewer-location\"\u003eGeorge, Western Cape\u003c\/span\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1;\"\u003e\n\u003cstrong\u003eCleaning note:\u003c\/strong\u003e Test cleaners on a small area first, do not allow detergent to dry on surfaces and avoid spraying people or animals.\u003c\/div\u003e\n\n \u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n \u003cdiv\u003e\n\u003ch2\u003eReady for cleaner vehicles and gear?\u003c\/h2\u003e\n\u003cp\u003eApply consistent foam, loosen grime and take control of your cleaning routine.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"bosveld-button-group\"\u003e\n \u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\n \u003cbutton type=\"button\" class=\"bosveld-button bosveld-button--secondary\" id=\"bosveld-add-to-cart\" data-bosveld-add-to-cart\u003eπŸ›’ Add to Cart\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bosveld-footer-tagline\"\u003eBuilt Tough. Cleans Tougher.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".hydro-product\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const buttons = document.querySelectorAll(\n \"#bosveld-add-to-cart, [data-bosveld-add-to-cart]\"\n );\n\n if (!buttons.length) return;\n\n function getSelectedVariantId() {\n const productForms = document.querySelectorAll(\n 'form[action*=\"\/cart\/add\"], product-form form'\n );\n\n for (const form of productForms) {\n const selectedVariant = form.querySelector(\n 'input[name=\"id\"]:checked, select[name=\"id\"], input[name=\"id\"]'\n );\n\n if (selectedVariant \u0026\u0026 selectedVariant.value) {\n const variantId = Number(selectedVariant.value);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n }\n\n const variantField = document.querySelector(\n '[name=\"id\"][value], [data-variant-id]'\n );\n\n if (variantField) {\n const rawValue =\n variantField.value ||\n variantField.getAttribute(\"data-variant-id\");\n\n const variantId = Number(rawValue);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n\n for (const button of buttons) {\n const manualId = Number(button.dataset.variantId);\n if (Number.isInteger(manualId) \u0026\u0026 manualId \u003e 0) return manualId;\n }\n\n return null;\n }\n\n async function addToCart(button) {\n const variantId = getSelectedVariantId();\n\n if (!variantId) {\n alert(\n \"No Shopify variant could be detected. Place this section on the Shopify product page or add data-variant-id to the Add to Cart button.\"\n );\n return;\n }\n\n const originalText = button.innerHTML;\n\n buttons.forEach(function (item) {\n item.disabled = true;\n item.setAttribute(\"aria-busy\", \"true\");\n item.innerHTML = \"Adding…\";\n });\n\n try {\n const root =\n window.Shopify \u0026\u0026 window.Shopify.routes\n ? window.Shopify.routes.root\n : \"\/\";\n\n const response = await fetch(root + \"cart\/add.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify({\n items: [{ id: variantId, quantity: 1 }]\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(\n result.description ||\n result.message ||\n \"The product could not be added.\"\n );\n }\n\n buttons.forEach(function (item) {\n item.innerHTML = \"Added βœ“\";\n item.removeAttribute(\"aria-busy\");\n });\n\n document.documentElement.dispatchEvent(\n new CustomEvent(\"cart:refresh\", { bubbles: true })\n );\n\n document.dispatchEvent(\n new CustomEvent(\"cart:updated\", {\n bubbles: true,\n detail: result\n })\n );\n\n setTimeout(function () {\n window.location.href = root + \"cart\";\n }, 450);\n } catch (error) {\n console.error(\"Bosveld Add to Cart:\", error);\n\n buttons.forEach(function (item) {\n item.disabled = false;\n item.removeAttribute(\"aria-busy\");\n item.innerHTML = originalText;\n });\n\n alert(error.message || \"Unable to add this product to the cart.\");\n }\n }\n\n buttons.forEach(function (button) {\n button.addEventListener(\"click\", function () {\n addToCart(button);\n });\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"Black","offer_id":48368228925593,"sku":null,"price":549.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":48368228958361,"sku":null,"price":549.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageJul27_2026_09_38_15AM.png?v=1785139264"},{"product_id":"pawguard-pro-nail-grinder-safety-clipper-set","title":"PawGuard Pro Nail Grinder \u0026 Safety Clipper Set","description":"\u003cbody\u003e\n\n\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003cmeta name=\"description\" content=\"Bosveld Tees: Rods \u0026amp; Rounds Tee β€” a lightweight, breathable crew neck shirt celebrating fishing and shooting culture with a bold outdoor-inspired graphic.\"\u003e\n \u003ctitle\u003ePawGuard Pro Pet Nail Groomer\u003c\/title\u003e\n\n \u003cstyle\u003e\n .bosveld-rod-section {\n --olive-dark: #26351f;\n --olive: #556b2f;\n --olive-medium: #718447;\n --olive-light: #a8b486;\n --cream: #f6f2e7;\n --white: #ffffff;\n --gold: #d4af37;\n --text: #252a22;\n --muted: #535c4d;\n --border: rgba(85, 107, 47, 0.18);\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 72px 20px;\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(113, 132, 71, 0.18),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 80%,\n rgba(85, 107, 47, 0.14),\n transparent 30%\n ),\n var(--cream);\n }\n\n .bosveld-rod-section,\n .bosveld-rod-section * {\n box-sizing: border-box;\n }\n\n .bosveld-rod-container {\n position: relative;\n z-index: 2;\n width: min(100%, 860px);\n margin: 0 auto;\n }\n\n .bosveld-decoration {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n animation: bosveld-float 7s ease-in-out infinite;\n }\n\n .bosveld-decoration--one {\n top: 40px;\n right: 4%;\n width: 130px;\n height: 130px;\n border: 2px solid rgba(85, 107, 47, 0.18);\n }\n\n .bosveld-decoration--two {\n bottom: 100px;\n left: 3%;\n width: 84px;\n height: 84px;\n background: rgba(113, 132, 71, 0.1);\n animation-delay: -3s;\n }\n\n .bosveld-eyebrow {\n margin: 0 0 14px;\n color: var(--olive);\n font-size: 0.8rem;\n font-weight: 900;\n letter-spacing: 2.2px;\n text-transform: uppercase;\n animation: bosveld-fade-up 0.7s ease both;\n }\n\n .bosveld-title {\n max-width: 100%;\n margin: 0;\n color: var(--olive-dark);\n font-size: clamp(2.7rem, 8vw, 5.4rem);\n line-height: 0.95;\n letter-spacing: -0.055em;\n overflow-wrap: normal;\n word-break: normal;\n animation: bosveld-fade-up 0.8s 0.1s ease both;\n }\n\n .bosveld-title span {\n display: block;\n color: var(--olive-medium);\n }\n\n .bosveld-tagline {\n margin: 22px 0 0;\n color: #9a7637;\n font-size: clamp(1.05rem, 2vw, 1.35rem);\n font-weight: 900;\n line-height: 1.4;\n animation: bosveld-fade-up 0.8s 0.15s ease both;\n }\n\n .bosveld-intro {\n max-width: 760px;\n margin: 18px 0 36px;\n color: #3f4939;\n font-size: 1.05rem;\n line-height: 1.75;\n animation: bosveld-fade-up 0.8s 0.2s ease both;\n }\n\n .bosveld-product-visual {\n position: relative;\n display: grid;\n width: 100%;\n min-height: 480px;\n margin-bottom: 38px;\n overflow: hidden;\n place-items: center;\n border: 1px solid var(--border);\n border-radius: 26px;\n background:\n radial-gradient(\n circle at center,\n rgba(168, 180, 134, 0.25),\n transparent 46%\n ),\n linear-gradient(150deg, #ffffff, #e8eddc);\n box-shadow: 0 22px 48px rgba(38, 53, 31, 0.14);\n }\n\n .bosveld-product-visual::before {\n position: absolute;\n width: 430px;\n height: 430px;\n border-radius: 50%;\n background: rgba(113, 132, 71, 0.1);\n content: \"\";\n animation: bosveld-halo 5s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n position: absolute;\n top: 22px;\n right: 22px;\n z-index: 4;\n display: grid;\n width: 96px;\n height: 96px;\n place-items: center;\n border-radius: 50%;\n color: #dce7be;\n text-align: center;\n background: var(--olive-dark);\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n .bosveld-product-badge strong {\n display: block;\n font-size: 0.95rem;\n line-height: 1.1;\n }\n\n .bosveld-product-badge span {\n display: block;\n margin-top: 5px;\n color: rgba(255, 255, 255, 0.68);\n font-size: 0.5rem;\n font-weight: 900;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .bosveld-rod-bag {\n position: relative;\n z-index: 3;\n width: min(650px, 86%);\n height: 290px;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .bosveld-bag-body {\n position: absolute;\n inset: 28px 48px 28px 32px;\n overflow: hidden;\n border: 8px solid #151915;\n border-radius: 32px 18px 18px 32px;\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.025) 0 5px,\n rgba(0, 0, 0, 0.035) 5px 10px\n ),\n linear-gradient(145deg, #333a33, #181c18 70%);\n box-shadow:\n inset 10px 10px 18px rgba(255, 255, 255, 0.035),\n inset -14px -14px 24px rgba(0, 0, 0, 0.3),\n 0 26px 38px rgba(34, 40, 31, 0.22);\n }\n\n .bosveld-bag-tip {\n position: absolute;\n top: 88px;\n right: 0;\n width: 88px;\n height: 118px;\n border: 8px solid #151915;\n border-left: 0;\n border-radius: 0 64px 64px 0;\n background: linear-gradient(145deg, #2d332d, #151915);\n }\n\n .bosveld-strap {\n position: absolute;\n top: 0;\n left: 125px;\n width: 350px;\n height: 92px;\n border: 18px solid #2b312b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n box-shadow: inset 0 0 0 4px #454d44;\n transform: rotate(-4deg);\n }\n\n .bosveld-zip-line {\n position: absolute;\n z-index: 2;\n top: 66px;\n left: 60px;\n right: 62px;\n height: 4px;\n border-radius: 999px;\n background: #737c6c;\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-pocket {\n position: absolute;\n z-index: 2;\n bottom: 52px;\n height: 72px;\n border: 4px solid #121612;\n border-radius: 14px;\n background: linear-gradient(145deg, #3b4339, #232923);\n }\n\n .bosveld-pocket::before {\n position: absolute;\n top: 11px;\n left: 14px;\n right: 14px;\n height: 3px;\n border-radius: 999px;\n background: #717a69;\n content: \"\";\n }\n\n .bosveld-pocket--one {\n left: 90px;\n width: 180px;\n }\n\n .bosveld-pocket--two {\n left: 292px;\n width: 150px;\n }\n\n .bosveld-brand-mark {\n position: absolute;\n z-index: 4;\n top: 111px;\n left: 50%;\n width: 160px;\n padding: 12px 14px;\n border: 2px solid rgba(228, 236, 205, 0.55);\n color: #f0f3e7;\n font-size: 0.78rem;\n font-weight: 900;\n letter-spacing: 0.14em;\n text-align: center;\n text-transform: uppercase;\n background: #3a462c;\n transform: translateX(-50%) rotate(-2deg);\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n .bosveld-section {\n width: 100%;\n margin-bottom: 36px;\n padding: clamp(24px, 5vw, 40px);\n border: 1px solid var(--border);\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.94);\n box-shadow: 0 14px 35px rgba(38, 53, 31, 0.08);\n }\n\n .bosveld-section--dark {\n color: var(--white);\n background: var(--olive-dark);\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.18);\n }\n\n .bosveld-section-heading {\n max-width: 100%;\n margin: 0 0 10px;\n color: var(--olive-dark);\n font-size: clamp(1.65rem, 4vw, 2.45rem);\n line-height: 1.15;\n letter-spacing: -0.03em;\n }\n\n .bosveld-section--dark .bosveld-section-heading {\n color: var(--white);\n }\n\n .bosveld-section-intro {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--muted);\n line-height: 1.65;\n }\n\n .bosveld-section--dark .bosveld-section-intro {\n color: rgba(255, 255, 255, 0.72);\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n display: grid;\n width: 100%;\n gap: 16px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .bosveld-review-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n position: relative;\n overflow: hidden;\n min-width: 0;\n border-radius: 17px;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease,\n background 0.35s ease;\n }\n\n .bosveld-benefit-card {\n padding: 22px;\n border: 1px solid rgba(255, 255, 255, 0.13);\n background: rgba(255, 255, 255, 0.07);\n }\n\n .bosveld-benefit-card:hover {\n border-color: rgba(255, 255, 255, 0.32);\n background: rgba(255, 255, 255, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-benefit-icon {\n display: grid;\n width: 48px;\n height: 48px;\n margin-bottom: 14px;\n place-items: center;\n border-radius: 15px;\n color: var(--olive-dark);\n font-size: 1.3rem;\n background: #dce7be;\n animation: bosveld-icon-bob 3.3s ease-in-out infinite;\n }\n\n .bosveld-benefit-card:nth-child(2) .bosveld-benefit-icon {\n animation-delay: 0.3s;\n }\n\n .bosveld-benefit-card:nth-child(3) .bosveld-benefit-icon {\n animation-delay: 0.6s;\n }\n\n .bosveld-benefit-card strong,\n .bosveld-feature-card strong,\n .bosveld-spec-card strong {\n display: block;\n margin-bottom: 8px;\n font-size: 0.96rem;\n }\n\n .bosveld-benefit-card p {\n margin: 0;\n color: rgba(255, 255, 255, 0.72);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-feature-card,\n .bosveld-spec-card {\n padding: 20px;\n border: 1px solid var(--border);\n background: #f8faf3;\n }\n\n .bosveld-feature-card:hover,\n .bosveld-spec-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateY(-6px);\n }\n\n .bosveld-feature-card p,\n .bosveld-spec-card p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.6;\n }\n\n .bosveld-review-card {\n padding: 24px;\n border: 1px solid var(--border);\n background: var(--white);\n box-shadow: 0 12px 30px rgba(38, 53, 31, 0.07);\n cursor: pointer;\n }\n\n .bosveld-review-card::before {\n position: absolute;\n top: 0;\n left: -120%;\n width: 70%;\n height: 100%;\n background: linear-gradient(\n 120deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n content: \"\";\n transition: left 0.7s ease;\n }\n\n .bosveld-review-card:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 24px 50px rgba(38, 53, 31, 0.16);\n transform: translateY(-8px);\n }\n\n .bosveld-review-card:hover::before {\n left: 150%;\n }\n\n .bosveld-review-stars {\n position: relative;\n z-index: 2;\n margin-bottom: 14px;\n color: var(--gold);\n font-size: 1.2rem;\n letter-spacing: 3px;\n animation: bosveld-star-glow 2.2s ease-in-out infinite;\n }\n\n .bosveld-review-quote {\n position: relative;\n z-index: 2;\n margin: 0 0 18px;\n color: #3f473a;\n font-size: 0.92rem;\n font-style: italic;\n line-height: 1.7;\n }\n\n .bosveld-reviewer-name {\n position: relative;\n z-index: 2;\n display: block;\n color: var(--olive-dark);\n font-size: 0.92rem;\n font-weight: 900;\n }\n\n .bosveld-reviewer-location {\n position: relative;\n z-index: 2;\n display: block;\n margin-top: 3px;\n color: #70786a;\n font-size: 0.78rem;\n }\n\n .bosveld-cta {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 18px;\n padding: clamp(24px, 5vw, 38px);\n border-radius: 22px;\n color: var(--white);\n background: linear-gradient(135deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 45px rgba(38, 53, 31, 0.2);\n }\n\n .bosveld-cta h2 {\n margin: 0 0 8px;\n font-size: clamp(1.55rem, 4vw, 2.2rem);\n }\n\n .bosveld-cta p {\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\n line-height: 1.65;\n }\n\n .bosveld-button-group {\n display: grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n\n .bosveld-button {\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n min-height: 52px;\n overflow: hidden;\n padding: 0 22px;\n border: 2px solid var(--white);\n border-radius: 10px;\n font-weight: 900;\n text-align: center;\n text-decoration: none;\n transition:\n transform 0.3s ease,\n background 0.3s ease,\n color 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .bosveld-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);\n }\n\n .bosveld-button--primary {\n color: var(--olive-dark);\n background: var(--white);\n }\n\n .bosveld-button--secondary {\n color: var(--white);\n background: transparent;\n }\n\n .bosveld-footer-tagline {\n margin: 30px 0 0;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 2.3px;\n text-align: center;\n text-transform: uppercase;\n }\n\n .bosveld-reveal {\n opacity: 0;\n transform: translateY(28px);\n transition:\n opacity 0.75s ease,\n transform 0.75s ease;\n }\n\n .bosveld-reveal.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n @keyframes bosveld-fade-up {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes bosveld-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-18px) rotate(8deg);\n }\n }\n\n @keyframes bosveld-product-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-1deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n }\n\n @keyframes bosveld-halo {\n 0%,\n 100% {\n opacity: 0.75;\n transform: scale(0.92);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.06);\n }\n }\n\n @keyframes bosveld-icon-bob {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-star-glow {\n 0%,\n 100% {\n transform: scale(1);\n text-shadow:\n 0 0 6px rgba(212, 175, 55, 0.45),\n 0 0 14px rgba(212, 175, 55, 0.22);\n }\n\n 50% {\n transform: scale(1.05);\n text-shadow:\n 0 0 10px rgba(212, 175, 55, 0.85),\n 0 0 22px rgba(212, 175, 55, 0.46);\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 48px 16px;\n }\n\n .bosveld-title {\n font-size: clamp(2.45rem, 13vw, 4rem);\n }\n\n .bosveld-product-visual {\n min-height: 390px;\n }\n\n .bosveld-rod-bag {\n width: min(500px, 90%);\n height: 225px;\n }\n\n .bosveld-bag-body {\n inset: 22px 38px 24px 24px;\n }\n\n .bosveld-bag-tip {\n top: 68px;\n width: 66px;\n height: 92px;\n }\n\n .bosveld-strap {\n left: 92px;\n width: 270px;\n height: 68px;\n border-width: 14px;\n }\n\n .bosveld-zip-line {\n top: 51px;\n left: 45px;\n right: 50px;\n }\n\n .bosveld-pocket {\n bottom: 42px;\n height: 56px;\n }\n\n .bosveld-pocket--one {\n left: 66px;\n width: 130px;\n }\n\n .bosveld-pocket--two {\n left: 214px;\n width: 105px;\n }\n\n .bosveld-brand-mark {\n top: 84px;\n width: 130px;\n padding: 9px 11px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid {\n grid-template-columns: 1fr;\n }\n\n .bosveld-product-badge {\n top: 14px;\n right: 14px;\n width: 76px;\n height: 76px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-rod-container {\n width: 100%;\n }\n\n .bosveld-title {\n font-size: clamp(2.2rem, 14vw, 3.35rem);\n }\n\n .bosveld-intro {\n font-size: 0.96rem;\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n border-radius: 20px;\n }\n\n .bosveld-rod-bag {\n width: 94%;\n height: 190px;\n }\n\n .bosveld-bag-body {\n inset: 20px 34px 20px 20px;\n border-width: 6px;\n }\n\n .bosveld-bag-tip {\n top: 60px;\n width: 54px;\n height: 74px;\n border-width: 6px;\n }\n\n .bosveld-strap {\n left: 70px;\n width: 220px;\n height: 58px;\n border-width: 12px;\n }\n\n .bosveld-pocket {\n display: none;\n }\n\n .bosveld-brand-mark {\n top: 72px;\n width: 110px;\n font-size: 0.67rem;\n }\n\n .bosveld-product-badge {\n width: 66px;\n height: 66px;\n }\n\n .bosveld-section {\n padding: 22px 17px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-rod-section *,\n .bosveld-rod-section *::before,\n .bosveld-rod-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .bosveld-reveal {\n opacity: 1;\n transform: none;\n }\n }\n \u003c\/style\u003e\n\n \u003cstyle\u003e\n \/* Creative animation upgrade *\/\n .bosveld-product-visual {\n perspective: 1200px;\n }\n\n .bosveld-product-visual::after {\n position: absolute;\n left: 50%;\n bottom: 30px;\n width: 72%;\n height: 34px;\n border-radius: 50%;\n background: rgba(34, 48, 29, 0.18);\n filter: blur(18px);\n content: \"\";\n transform: translateX(-50%);\n animation: bosveld-shadow-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-water-ripple,\n .bosveld-water-ripple::before,\n .bosveld-water-ripple::after {\n position: absolute;\n left: 50%;\n bottom: 42px;\n border: 2px solid rgba(85, 107, 47, 0.16);\n border-radius: 50%;\n content: \"\";\n pointer-events: none;\n transform: translateX(-50%) scale(0.35);\n animation: bosveld-ripple 4.8s ease-out infinite;\n }\n\n .bosveld-water-ripple {\n z-index: 1;\n width: 360px;\n height: 74px;\n }\n\n .bosveld-water-ripple::before {\n bottom: -2px;\n width: 280px;\n height: 58px;\n animation-delay: 1.2s;\n }\n\n .bosveld-water-ripple::after {\n bottom: -2px;\n width: 210px;\n height: 44px;\n animation-delay: 2.4s;\n }\n\n .bosveld-floating-lure {\n position: absolute;\n top: 72px;\n left: 8%;\n z-index: 5;\n display: grid;\n width: 48px;\n height: 48px;\n place-items: center;\n border-radius: 50% 50% 48% 52%;\n color: var(--olive-dark);\n font-size: 1.35rem;\n background: rgba(255, 255, 255, 0.86);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.14);\n animation: bosveld-lure-swing 4.6s ease-in-out infinite;\n }\n\n .bosveld-floating-lure::before {\n position: absolute;\n left: 50%;\n bottom: 100%;\n width: 1px;\n height: 90px;\n background: linear-gradient(\n to top,\n rgba(38, 53, 31, 0.34),\n transparent\n );\n content: \"\";\n }\n\n .bosveld-rod-bag {\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.28s ease;\n }\n\n .bosveld-brand-mark {\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .bosveld-zip-line {\n overflow: hidden;\n }\n\n .bosveld-zip-line::after {\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .bosveld-product-badge {\n animation:\n bosveld-badge-float 3.5s ease-in-out infinite,\n bosveld-badge-glow 2.8s ease-in-out infinite;\n }\n\n .bosveld-section {\n isolation: isolate;\n }\n\n .bosveld-section::before {\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.15),\n transparent 30%\n );\n content: \"\";\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .bosveld-section:hover::before {\n opacity: 1;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform-style: preserve-3d;\n will-change: transform;\n }\n\n .bosveld-benefit-card::after,\n .bosveld-feature-card::after,\n .bosveld-spec-card::after,\n .bosveld-review-card::after {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.16),\n transparent 42%\n );\n content: \"\";\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.35s ease;\n }\n\n .bosveld-benefit-card:hover::after,\n .bosveld-feature-card:hover::after,\n .bosveld-spec-card:hover::after,\n .bosveld-review-card:hover::after {\n opacity: 1;\n }\n\n .bosveld-benefit-icon {\n box-shadow:\n 0 10px 24px rgba(38, 53, 31, 0.18),\n inset 0 0 0 1px rgba(255, 255, 255, 0.3);\n }\n\n .bosveld-review-card:nth-child(2) {\n transition-delay: 0.04s;\n }\n\n .bosveld-review-card:nth-child(3) {\n transition-delay: 0.08s;\n }\n\n .bosveld-button {\n isolation: isolate;\n }\n\n .bosveld-button::before {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: -1;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(168, 180, 134, 0.34);\n content: \"\";\n transform: translate(-50%, -50%);\n transition:\n width 0.45s ease,\n height 0.45s ease;\n }\n\n .bosveld-button:hover::before {\n width: 360px;\n height: 360px;\n }\n\n .bosveld-button--primary:hover {\n color: var(--olive-dark);\n background: #edf1e1;\n }\n\n .bosveld-footer-tagline {\n animation: bosveld-letter-breathe 4s ease-in-out infinite;\n }\n\n .bosveld-reveal {\n filter: blur(7px);\n }\n\n .bosveld-reveal.is-visible {\n filter: blur(0);\n }\n\n .bosveld-stagger \u003e * {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e * {\n opacity: 1;\n transform: translateY(0);\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(1) {\n transition-delay: 0.08s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(2) {\n transition-delay: 0.16s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(3) {\n transition-delay: 0.24s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(4) {\n transition-delay: 0.32s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(5) {\n transition-delay: 0.40s;\n }\n\n .bosveld-reveal.is-visible .bosveld-stagger \u003e *:nth-child(6) {\n transition-delay: 0.48s;\n }\n\n @keyframes bosveld-ripple {\n 0% {\n opacity: 0;\n transform: translateX(-50%) scale(0.35);\n }\n\n 20% {\n opacity: 0.75;\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-50%) scale(1.35);\n }\n }\n\n @keyframes bosveld-shadow-breathe {\n 0%,\n 100% {\n opacity: 0.34;\n transform: translateX(-50%) scaleX(0.85);\n }\n\n 50% {\n opacity: 0.18;\n transform: translateX(-50%) scaleX(0.7);\n }\n }\n\n @keyframes bosveld-lure-swing {\n 0%,\n 100% {\n transform: translateY(0) rotate(-10deg);\n }\n\n 50% {\n transform: translateY(14px) rotate(10deg);\n }\n }\n\n @keyframes bosveld-brand-pulse {\n 0%,\n 100% {\n box-shadow: 0 14px 28px rgba(32, 39, 28, 0.2);\n }\n\n 50% {\n box-shadow:\n 0 16px 34px rgba(32, 39, 28, 0.28),\n 0 0 24px rgba(168, 180, 134, 0.22);\n }\n }\n\n @keyframes bosveld-zip-shine {\n 0%,\n 45% {\n left: -40%;\n }\n\n 75%,\n 100% {\n left: 120%;\n }\n }\n\n @keyframes bosveld-badge-float {\n 0%,\n 100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-7px) rotate(2deg);\n }\n }\n\n @keyframes bosveld-badge-glow {\n 0%,\n 100% {\n box-shadow: 0 14px 30px rgba(38, 53, 31, 0.25);\n }\n\n 50% {\n box-shadow:\n 0 18px 38px rgba(38, 53, 31, 0.32),\n 0 0 25px rgba(168, 180, 134, 0.2);\n }\n }\n\n @keyframes bosveld-letter-breathe {\n 0%,\n 100% {\n letter-spacing: 2.3px;\n }\n\n 50% {\n letter-spacing: 3.2px;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-floating-lure {\n top: 58px;\n left: 6%;\n width: 42px;\n height: 42px;\n font-size: 1.1rem;\n }\n\n .bosveld-water-ripple {\n width: 270px;\n height: 56px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-floating-lure {\n display: none;\n }\n\n .bosveld-water-ripple {\n width: 210px;\n height: 44px;\n }\n\n .bosveld-button:hover::before {\n width: 260px;\n height: 260px;\n }\n }\n\n @media (hover: none) {\n .bosveld-benefit-card,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card {\n transform: none !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bosveld-reveal {\n filter: none;\n }\n\n .bosveld-stagger \u003e * {\n opacity: 1;\n transform: none;\n }\n\n .bosveld-water-ripple,\n .bosveld-floating-lure {\n display: none;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Alternate layouts while preserving the same section formatting *\/\n\n .bosveld-feature-timeline {\n position: relative;\n display: grid;\n gap: 16px;\n margin-top: 24px;\n padding-left: 26px;\n }\n\n .bosveld-feature-timeline::before {\n position: absolute;\n top: 10px;\n bottom: 10px;\n left: 9px;\n width: 2px;\n border-radius: 999px;\n background: linear-gradient(\n to bottom,\n var(--olive-light),\n var(--olive),\n var(--olive-light)\n );\n content: \"\";\n opacity: 0.65;\n }\n\n .bosveld-feature-step {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 14px;\n align-items: start;\n padding: 18px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: #f8faf3;\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-feature-step::before {\n position: absolute;\n top: 28px;\n left: -23px;\n width: 14px;\n height: 14px;\n border: 4px solid var(--cream);\n border-radius: 50%;\n background: var(--olive);\n box-shadow: 0 0 0 3px rgba(85, 107, 47, 0.14);\n content: \"\";\n transition: transform 0.35s ease;\n }\n\n .bosveld-feature-step:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 18px 36px rgba(38, 53, 31, 0.12);\n transform: translateX(8px);\n }\n\n .bosveld-feature-step:hover::before {\n transform: scale(1.25);\n }\n\n .bosveld-feature-step-number {\n display: grid;\n width: 42px;\n height: 42px;\n place-items: center;\n border-radius: 13px;\n color: var(--olive-dark);\n font-size: 0.76rem;\n font-weight: 900;\n background: #dce7be;\n box-shadow: 0 8px 18px rgba(38, 53, 31, 0.12);\n }\n\n .bosveld-feature-step strong {\n display: block;\n margin: 2px 0 6px;\n color: var(--olive-dark);\n font-size: 0.98rem;\n }\n\n .bosveld-feature-step p {\n margin: 0;\n color: var(--muted);\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n .bosveld-spec-table-wrap {\n width: 100%;\n margin-top: 24px;\n overflow: hidden;\n border: 1px solid var(--border);\n border-radius: 18px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.06);\n }\n\n .bosveld-spec-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .bosveld-spec-table tr {\n transition: background 0.3s ease;\n }\n\n .bosveld-spec-table tr:hover {\n background: #f1f5e5;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 18px 20px;\n border-bottom: 1px solid var(--border);\n text-align: left;\n vertical-align: top;\n }\n\n .bosveld-spec-table tr:last-child th,\n .bosveld-spec-table tr:last-child td {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th {\n width: 34%;\n color: var(--olive-dark);\n font-size: 0.86rem;\n font-weight: 900;\n letter-spacing: 0.02em;\n background: rgba(168, 180, 134, 0.12);\n }\n\n .bosveld-spec-table td {\n color: var(--muted);\n font-size: 0.88rem;\n line-height: 1.55;\n }\n\n .bosveld-review-showcase {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .bosveld-review-featured {\n position: relative;\n overflow: hidden;\n padding: 30px;\n border-radius: 20px;\n color: var(--white);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(168, 180, 134, 0.18),\n transparent 36%\n ),\n linear-gradient(145deg, var(--olive), var(--olive-dark));\n box-shadow: 0 20px 42px rgba(38, 53, 31, 0.16);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .bosveld-review-featured:hover {\n transform: translateY(-7px);\n box-shadow: 0 28px 54px rgba(38, 53, 31, 0.24);\n }\n\n .bosveld-review-featured::before {\n position: absolute;\n top: 18px;\n right: 22px;\n color: rgba(255, 255, 255, 0.09);\n font-family: Georgia, serif;\n font-size: 7rem;\n line-height: 1;\n content: \"β€œ\";\n }\n\n .bosveld-review-featured .bosveld-review-stars {\n color: #f3d86b;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 92%;\n color: rgba(255, 255, 255, 0.88);\n font-size: 1rem;\n line-height: 1.8;\n }\n\n .bosveld-review-featured .bosveld-reviewer-name {\n color: var(--white);\n }\n\n .bosveld-review-featured .bosveld-reviewer-location {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .bosveld-review-mini-list {\n display: grid;\n gap: 14px;\n }\n\n .bosveld-review-mini {\n position: relative;\n overflow: hidden;\n padding: 20px;\n border: 1px solid var(--border);\n border-radius: 17px;\n background: var(--white);\n box-shadow: 0 12px 28px rgba(38, 53, 31, 0.07);\n transition:\n transform 0.35s ease,\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n }\n\n .bosveld-review-mini:hover {\n border-color: var(--olive-medium);\n box-shadow: 0 20px 40px rgba(38, 53, 31, 0.13);\n transform: translateX(7px);\n }\n\n .bosveld-review-mini .bosveld-review-stars {\n margin-bottom: 10px;\n font-size: 1rem;\n }\n\n .bosveld-review-mini .bosveld-review-quote {\n margin-bottom: 14px;\n font-size: 0.86rem;\n line-height: 1.62;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-feature-timeline {\n padding-left: 20px;\n }\n\n .bosveld-feature-step {\n grid-template-columns: 36px minmax(0, 1fr);\n }\n\n .bosveld-feature-step-number {\n width: 36px;\n height: 36px;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n padding: 15px 14px;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100%;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n\n .bosveld-review-featured {\n padding: 24px 20px;\n }\n\n .bosveld-review-featured .bosveld-review-quote {\n max-width: 100%;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Website-first desktop layout *\/\n html,\n body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n overflow-x: hidden;\n }\n\n .bosveld-rod-section {\n width: 100%;\n padding: 64px 28px 80px;\n }\n\n .bosveld-rod-container {\n width: min(1180px, 100%);\n max-width: 1180px;\n margin: 0 auto;\n }\n\n .bosveld-title,\n .bosveld-tagline,\n .bosveld-intro {\n text-align: left;\n }\n\n .bosveld-title {\n max-width: 1000px;\n font-size: clamp(3.8rem, 6vw, 6.8rem);\n }\n\n .bosveld-intro {\n max-width: 900px;\n }\n\n .bosveld-product-visual {\n width: 100%;\n min-height: 600px;\n }\n\n .bosveld-rod-bag {\n width: min(760px, 82%);\n height: 330px;\n }\n\n .bosveld-section {\n width: 100%;\n padding: 38px;\n }\n\n .bosveld-benefit-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n\n .bosveld-feature-timeline::before {\n display: none;\n }\n\n .bosveld-feature-step::before {\n display: none;\n }\n\n .bosveld-feature-step {\n min-height: 150px;\n }\n\n .bosveld-spec-table th {\n width: 28%;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);\n }\n\n .bosveld-cta {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);\n align-items: center;\n }\n\n .bosveld-button-group {\n grid-template-columns: 1fr;\n }\n\n @media screen and (max-width: 980px) {\n .bosveld-rod-container {\n width: min(860px, 100%);\n }\n\n .bosveld-title {\n font-size: clamp(3.2rem, 8vw, 5.4rem);\n }\n\n .bosveld-product-visual {\n min-height: 520px;\n }\n\n .bosveld-feature-timeline {\n grid-template-columns: 1fr;\n }\n\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-cta {\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-rod-section {\n padding: 42px 16px 56px;\n }\n\n .bosveld-title {\n font-size: clamp(2.65rem, 12vw, 4.2rem);\n }\n\n .bosveld-product-visual {\n min-height: 400px;\n }\n\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-review-showcase {\n grid-template-columns: 1fr;\n }\n\n .bosveld-section {\n padding: 26px 20px;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-rod-section {\n padding-inline: 10px;\n }\n\n .bosveld-title {\n font-size: clamp(2.25rem, 13vw, 3.35rem);\n }\n\n .bosveld-product-visual {\n min-height: 330px;\n }\n\n .bosveld-section {\n padding: 22px 16px;\n }\n }\n \u003c\/style\u003e\n\n\n \u003cstyle\u003e\n \/* Final single-column fix for every section *\/\n .bosveld-benefit-grid,\n .bosveld-feature-timeline,\n .bosveld-feature-grid,\n .bosveld-spec-grid,\n .bosveld-review-grid,\n .bosveld-review-showcase,\n .bosveld-review-mini-list,\n .bosveld-cta {\n display: grid !important;\n grid-template-columns: 1fr !important;\n width: 100% !important;\n gap: 16px !important;\n }\n\n .bosveld-benefit-card,\n .bosveld-feature-step,\n .bosveld-feature-card,\n .bosveld-spec-card,\n .bosveld-review-card,\n .bosveld-review-featured,\n .bosveld-review-mini {\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n }\n\n .bosveld-feature-timeline {\n padding-left: 22px !important;\n }\n\n .bosveld-feature-timeline::before {\n display: block !important;\n }\n\n .bosveld-feature-step::before {\n display: block !important;\n }\n\n .bosveld-spec-table-wrap {\n width: 100% !important;\n overflow: hidden;\n }\n\n .bosveld-spec-table {\n width: 100% !important;\n table-layout: fixed;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n width: auto !important;\n overflow-wrap: anywhere;\n word-break: normal;\n }\n\n .bosveld-review-showcase {\n align-items: stretch;\n }\n\n .bosveld-review-featured,\n .bosveld-review-mini {\n display: block;\n }\n\n .bosveld-review-featured .bosveld-review-quote,\n .bosveld-review-mini .bosveld-review-quote {\n max-width: 100% !important;\n }\n\n .bosveld-section {\n overflow: hidden;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-feature-timeline {\n padding-left: 20px !important;\n }\n }\n\n @media screen and (max-width: 500px) {\n .bosveld-spec-table,\n .bosveld-spec-table tbody,\n .bosveld-spec-table tr,\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n display: block;\n width: 100% !important;\n }\n\n .bosveld-spec-table tr {\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n }\n\n .bosveld-spec-table tr:last-child {\n border-bottom: 0;\n }\n\n .bosveld-spec-table th,\n .bosveld-spec-table td {\n border: 0;\n }\n\n .bosveld-spec-table th {\n padding-bottom: 6px;\n }\n\n .bosveld-spec-table td {\n padding-top: 0;\n }\n }\n \u003c\/style\u003e\n\n\n\n\n \n \u003cstyle\u003e\n \/* Earmuff case illustration overrides *\/\n .bosveld-earmuff-case {\n width: min(650px, 86%);\n height: 330px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 42px 54px 34px;\n border-radius: 72px 66px 60px 72px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n top: 5px;\n left: 50%;\n width: 235px;\n height: 78px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-case-zip {\n top: 65px;\n left: 80px;\n right: 80px;\n height: 4px;\n }\n\n .bosveld-headband {\n position: absolute;\n z-index: 3;\n top: 74px;\n left: 50%;\n width: 330px;\n height: 155px;\n border: 18px solid #242a24;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n }\n\n .bosveld-earcup {\n position: absolute;\n z-index: 4;\n top: 98px;\n width: 96px;\n height: 132px;\n border: 10px solid #171b17;\n border-radius: 46px;\n background: linear-gradient(145deg, #454d44, #222722);\n box-shadow: inset 0 0 0 6px rgba(255,255,255,.04);\n }\n\n .bosveld-earcup--left {\n left: 126px;\n transform: rotate(-7deg);\n }\n\n .bosveld-earcup--right {\n right: 126px;\n transform: rotate(7deg);\n }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 150px;\n width: 190px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n left: 50%;\n bottom: 58px;\n width: 280px;\n height: 48px;\n transform: translateX(-50%);\n }\n\n .bosveld-earmuff-case .bosveld-pocket--two,\n .bosveld-earmuff-case .bosveld-bag-tip {\n display: none;\n }\n\n @media screen and (max-width: 760px) {\n .bosveld-earmuff-case {\n width: min(500px, 92%);\n height: 250px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 34px 34px 28px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 175px;\n height: 60px;\n border-width: 14px;\n }\n\n .bosveld-headband {\n top: 61px;\n width: 245px;\n height: 115px;\n border-width: 14px;\n }\n\n .bosveld-earcup {\n top: 77px;\n width: 72px;\n height: 100px;\n border-width: 8px;\n }\n\n .bosveld-earcup--left { left: 78px; }\n .bosveld-earcup--right { right: 78px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 112px;\n width: 145px;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 42px;\n width: 210px;\n height: 36px;\n display: block;\n }\n }\n\n @media screen and (max-width: 430px) {\n .bosveld-earmuff-case {\n width: 96%;\n height: 205px;\n }\n\n .bosveld-earmuff-case .bosveld-case-shell {\n inset: 30px 18px 24px;\n border-width: 6px;\n }\n\n .bosveld-earmuff-case .bosveld-case-handle {\n width: 138px;\n height: 50px;\n border-width: 11px;\n }\n\n .bosveld-headband {\n top: 54px;\n width: 188px;\n height: 91px;\n border-width: 11px;\n }\n\n .bosveld-earcup {\n top: 65px;\n width: 58px;\n height: 80px;\n border-width: 7px;\n }\n\n .bosveld-earcup--left { left: 47px; }\n .bosveld-earcup--right { right: 47px; }\n\n .bosveld-earmuff-case .bosveld-brand-mark {\n top: 92px;\n width: 118px;\n font-size: .65rem;\n }\n\n .bosveld-earmuff-case .bosveld-case-pocket {\n bottom: 35px;\n width: 165px;\n height: 28px;\n display: block;\n }\n }\n \u003c\/style\u003e\n\n\n\n \u003cstyle\u003e\n \/* Bosveld tactical soft gun case illustration *\/\n .bosveld-tactical-case {\n position: relative;\n z-index: 3;\n width: min(820px, 92%);\n height: 350px;\n transform-style: preserve-3d;\n animation: bosveld-product-float 4s ease-in-out infinite;\n }\n\n .tactical-case-body {\n position: absolute;\n inset: 58px 46px 42px 38px;\n overflow: hidden;\n border: 8px solid #3a2c1c;\n border-radius: 26px 54px 54px 26px;\n background:\n repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 3px, rgba(0,0,0,.025) 3px 7px),\n linear-gradient(145deg, #b38a56, #8a6238 72%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.05), 0 28px 38px rgba(62,44,25,.28);\n }\n\n .tactical-case-body::after {\n position: absolute;\n inset: 17px;\n border: 2px dashed rgba(63,43,24,.42);\n border-radius: 18px 42px 42px 18px;\n content: \"\";\n }\n\n .tactical-case-zip {\n position: absolute;\n z-index: 4;\n top: 79px;\n left: 70px;\n right: 82px;\n height: 5px;\n border-radius: 999px;\n background: #4b3924;\n box-shadow: 0 0 0 2px rgba(255,255,255,.1);\n overflow: hidden;\n }\n\n .tactical-case-zip::after {\n position: absolute;\n top: 0;\n left: -35%;\n width: 34%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);\n content: \"\";\n animation: bosveld-zip-shine 3.8s ease-in-out infinite;\n }\n\n .tactical-handle {\n position: absolute;\n z-index: 2;\n top: 19px;\n left: 50%;\n width: 250px;\n height: 82px;\n border: 20px solid #60462b;\n border-bottom: 0;\n border-radius: 50% 50% 0 0;\n transform: translateX(-50%);\n box-shadow: inset 0 0 0 4px rgba(255,255,255,.08);\n }\n\n .tactical-pocket {\n position: absolute;\n z-index: 5;\n bottom: 67px;\n height: 92px;\n border: 6px solid #4a351f;\n border-radius: 16px;\n background: linear-gradient(145deg, #a47747, #75502d);\n box-shadow: inset 0 0 0 3px rgba(255,255,255,.04), 0 10px 18px rgba(54,36,19,.18);\n }\n\n .tactical-pocket::before {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n height: 4px;\n border-radius: 999px;\n background: #4b3621;\n content: \"\";\n }\n\n .tactical-pocket--one { left: 86px; width: 210px; }\n .tactical-pocket--two { left: 316px; width: 170px; }\n .tactical-pocket--three { right: 92px; width: 155px; }\n\n .tactical-webbing {\n position: absolute;\n z-index: 6;\n left: 112px;\n right: 115px;\n bottom: 89px;\n height: 18px;\n border-top: 7px solid #49351f;\n border-bottom: 7px solid #49351f;\n opacity: .62;\n }\n\n .tactical-sling {\n position: absolute;\n z-index: 1;\n top: 83px;\n left: 160px;\n width: 470px;\n height: 210px;\n border: 18px solid #52402b;\n border-top: 0;\n border-radius: 0 0 50% 50%;\n transform: rotate(-4deg);\n opacity: .92;\n }\n\n .tactical-brand {\n position: absolute;\n z-index: 7;\n top: 132px;\n left: 50%;\n width: 170px;\n padding: 12px 14px;\n border: 2px solid rgba(255,244,221,.5);\n color: #fff4dd;\n font-size: .78rem;\n font-weight: 900;\n letter-spacing: .14em;\n text-align: center;\n text-transform: uppercase;\n background: #594326;\n transform: translateX(-50%) rotate(-1deg);\n animation: bosveld-brand-pulse 3.4s ease-in-out infinite;\n }\n\n .tactical-colour-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 18px;\n }\n\n .tactical-colour {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px;\n border: 1px solid var(--border);\n border-radius: 999px;\n color: var(--olive-dark);\n font-size: .86rem;\n font-weight: 900;\n background: #fff;\n }\n\n .tactical-swatch {\n width: 18px;\n height: 18px;\n border: 2px solid rgba(38,53,31,.18);\n border-radius: 50%;\n background: #a87943;\n }\n\n @media screen and (max-width:760px) {\n .bosveld-tactical-case { width:min(600px,96%); height:280px; }\n .tactical-case-body { inset:48px 25px 32px 22px; border-width:7px; }\n .tactical-handle { width:190px; height:65px; border-width:16px; }\n .tactical-case-zip { top:65px; left:50px; right:55px; }\n .tactical-pocket { bottom:49px; height:73px; }\n .tactical-pocket--one { left:52px; width:155px; }\n .tactical-pocket--two { left:220px; width:130px; }\n .tactical-pocket--three { right:58px; width:115px; }\n .tactical-sling { left:110px; width:350px; height:160px; border-width:14px; }\n .tactical-brand { top:106px; width:140px; }\n .tactical-webbing { left:75px; right:78px; bottom:66px; }\n }\n\n @media screen and (max-width:430px) {\n .bosveld-tactical-case { height:220px; }\n .tactical-case-body { inset:42px 10px 25px 10px; border-width:6px; }\n .tactical-handle { top:17px; width:140px; height:52px; border-width:12px; }\n .tactical-case-zip { top:57px; left:30px; right:34px; }\n .tactical-pocket { bottom:38px; height:56px; border-width:4px; }\n .tactical-pocket--one { left:28px; width:112px; }\n .tactical-pocket--two { left:149px; width:90px; }\n .tactical-pocket--three { right:29px; width:82px; }\n .tactical-pocket::before { top:10px; left:10px; right:10px; }\n .tactical-brand { top:88px; width:112px; padding:9px; font-size:.65rem; }\n .tactical-sling { display:none; }\n .tactical-webbing { left:45px; right:45px; bottom:51px; height:12px; border-width:5px; }\n }\n \u003c\/style\u003e\n\n\n\n\n\n\n\n\n\n\n\u003csection class=\"bosveld-rod-section\"\u003e\n\u003cstyle\u003e\n.pg-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px}.pg-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:15px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8faf3}.pg-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;background:#dce7be;font-size:1.4rem}\n\u003c\/style\u003e\n\u003cdiv class=\"bosveld-rod-container\"\u003e\n\u003cp class=\"bosveld-eyebrow\"\u003eSafer, calmer nail care at home\u003c\/p\u003e\n\u003ch1 class=\"bosveld-title\"\u003ePawGuard Pro \u003cspan\u003ePet Nail Groomer\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"bosveld-tagline\"\u003eStress-Free Grooming, Every Time\u003c\/p\u003e\n\u003cp class=\"bosveld-intro\"\u003eSay goodbye to the dreaded nail trim. The PawGuard Pro combines a dual-speed nail grinder with a precision safety clipper β€” so you can groom with confidence, whether your pet is a first-timer or a seasoned pro.\u003c\/p\u003e\n\n\u003csection class=\"bosveld-section bosveld-section--dark bosveld-reveal\"\u003e\n\u003ch2 class=\"bosveld-section-heading\"\u003eMore control. Less grooming stress.\u003c\/h2\u003e\n\u003cp class=\"bosveld-section-intro\"\u003eDesigned to make routine paw care easier for both pets and their owners.\u003c\/p\u003e\n\u003cdiv class=\"bosveld-benefit-grid bosveld-stagger\"\u003e\n\u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003eπŸ’‘\u003c\/div\u003e\n\u003cstrong\u003eSafer Trimming\u003c\/strong\u003e\u003cp\u003eThe built-in safety light helps make the quick easier to see before clipping.\u003c\/p\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003eπŸ”‡\u003c\/div\u003e\n\u003cstrong\u003eLow-Noise Grooming\u003c\/strong\u003e\u003cp\u003eQuiet operation helps create a calmer experience for noise-sensitive pets.\u003c\/p\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-benefit-card\"\u003e\u003cdiv class=\"bosveld-benefit-icon\"\u003e🐾\u003c\/div\u003e\n\u003cstrong\u003eCats \u0026amp; Dogs\u003c\/strong\u003e\u003cp\u003eDesigned for pets of different sizes and nail thicknesses.\u003c\/p\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003csection class=\"bosveld-section bosveld-reveal\" id=\"features\"\u003e\n\u003ch2 class=\"bosveld-section-heading\"\u003eWhy PawGuard Pro?\u003c\/h2\u003e\n\u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eBloodline Safety Light\u003c\/strong\u003e\u003cp\u003eIlluminates the nail to help identify the quick and reduce the risk of trimming too deeply.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eDual-Speed Motor\u003c\/strong\u003e\u003cp\u003eGentle mode for sensitive paws and power mode for thicker nails.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eUltra-Low Noise Design\u003c\/strong\u003e\u003cp\u003eHelps keep anxious and noise-sensitive pets calmer during grooming.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eType-C Fast Charging\u003c\/strong\u003e\u003cp\u003eFully charged in under 90 minutes and designed to last for multiple sessions.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e05\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eUniversal Fit\u003c\/strong\u003e\u003cp\u003eDesigned for cats and dogs of all sizes.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e06\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003e2-in-1 Grooming\u003c\/strong\u003e\u003cp\u003eClip excess length, then use the grinder to smooth and refine the nail edge.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eIdeal For\u003c\/h2\u003e\n\u003cdiv class=\"pg-grid bosveld-stagger\"\u003e\n\u003cdiv class=\"pg-item\"\u003e\n\u003cdiv class=\"pg-icon\"\u003e🐢\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDogs of All Sizes\u003c\/strong\u003e\u003cp\u003eChoose the speed that best suits your dog's nail thickness and comfort level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pg-item\"\u003e\n\u003cdiv class=\"pg-icon\"\u003e🐱\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eCats\u003c\/strong\u003e\u003cp\u003eA controlled option for routine claw maintenance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pg-item\"\u003e\n\u003cdiv class=\"pg-icon\"\u003e😌\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAnxious Pets\u003c\/strong\u003e\u003cp\u003eLow-noise operation helps make gradual grooming introductions less intimidating.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pg-item\"\u003e\n\u003cdiv class=\"pg-icon\"\u003e🏠\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAt-Home Grooming\u003c\/strong\u003e\u003cp\u003eMaintain nail length between professional grooming appointments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eHow to Use\u003c\/h2\u003e\n\u003cdiv class=\"bosveld-feature-timeline bosveld-stagger\"\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e01\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eIntroduce the Tool\u003c\/strong\u003e\u003cp\u003eLet your pet become comfortable with the groomer before starting.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e02\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eCheck the Quick\u003c\/strong\u003e\u003cp\u003eUse the safety light and inspect each nail carefully.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e03\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eClip Conservatively\u003c\/strong\u003e\u003cp\u003eRemove small amounts at a time and stay clear of the quick.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003carticle class=\"bosveld-feature-step\"\u003e\u003cspan class=\"bosveld-feature-step-number\"\u003e04\u003c\/span\u003e\u003cdiv\u003e\n\u003cstrong\u003eGrind \u0026amp; Smooth\u003c\/strong\u003e\u003cp\u003eSelect the appropriate speed and smooth rough edges using short passes.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/article\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\n\u003csection class=\"bosveld-section bosveld-reveal\"\u003e\u003ch2 class=\"bosveld-section-heading\"\u003eProduct Specifications\u003c\/h2\u003e\n\u003cdiv class=\"bosveld-spec-table-wrap\"\u003e\u003ctable class=\"bosveld-spec-table\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct\u003c\/th\u003e\n\u003ctd\u003ePawGuard Pro Pet Nail Groomer\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eFunctions\u003c\/th\u003e\n\u003ctd\u003eNail grinding and precision clipping\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eMotor\u003c\/th\u003e\n\u003ctd\u003eDual speed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSafety Feature\u003c\/th\u003e\n\u003ctd\u003eBloodline \/ quick illumination light\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eNoise\u003c\/th\u003e\n\u003ctd\u003eUltra-low-noise design\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCharging\u003c\/th\u003e\n\u003ctd\u003eUSB Type-C fast charging\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCharge Time\u003c\/th\u003e\n\u003ctd\u003eUnder 90 minutes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSuitable For\u003c\/th\u003e\n\u003ctd\u003eCats and dogs of all sizes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\u003c\/section\u003e\n\n\u003cdiv class=\"bosveld-section bosveld-reveal\" style=\"padding:22px 24px;border-left:6px solid var(--olive);background:#edf1e1;\"\u003e\n\u003cstrong\u003eGrooming safety:\u003c\/strong\u003e The safety light is an aid, not a guarantee that the quick will always be visible. Trim conservatively, especially on dark nails. Stop if your pet becomes distressed or bleeding occurs, and seek professional guidance when unsure.\u003c\/div\u003e\n\n\u003cdiv class=\"bosveld-cta bosveld-reveal\"\u003e\n\u003cdiv\u003e\n\u003ch2\u003eGive their paws the care they deserve.\u003c\/h2\u003e\n\u003cp\u003eBecause your pet's paws deserve the same care as the rest of them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bosveld-button-group\"\u003e\n\u003ca class=\"bosveld-button bosveld-button--primary\" href=\"#features\"\u003eView Product Features\u003c\/a\u003e\u003cbutton type=\"button\" class=\"bosveld-button bosveld-button--secondary\" id=\"bosveld-add-to-cart\" data-bosveld-add-to-cart\u003eπŸ›’ Add to Cart\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"bosveld-footer-tagline\"\u003eCalm Paws. Confident Grooming.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const revealItems = document.querySelectorAll(\".bosveld-reveal\");\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver(function(entries, revealObserver) {\n entries.forEach(function(entry) {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-visible\");\n revealObserver.unobserve(entry.target);\n });\n }, { threshold: 0.14 });\n revealItems.forEach(function(item) { observer.observe(item); });\n } else {\n revealItems.forEach(function(item) { item.classList.add(\"is-visible\"); });\n }\n\n document.querySelectorAll('.bosveld-rod-section a[href^=\"#\"]').forEach(function(link) {\n link.addEventListener(\"click\", function(event) {\n const target = document.querySelector(link.getAttribute(\"href\"));\n if (!target) return;\n event.preventDefault();\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n });\n });\n\n const canHover = window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;\n if (canHover) {\n const visual = document.querySelector(\"[data-parallax]\");\n const product = document.querySelector(\".bosveld-tactical-case\");\n if (visual \u0026\u0026 product) {\n visual.addEventListener(\"mousemove\", function(event) {\n const rect = visual.getBoundingClientRect();\n const x = (event.clientX - rect.left) \/ rect.width - 0.5;\n const y = (event.clientY - rect.top) \/ rect.height - 0.5;\n product.style.animation = \"none\";\n product.style.transform = \"rotateY(\" + x * 8 + \"deg) rotateX(\" + y * -6 + \"deg) translate3d(\" + x * 14 + \"px,\" + y * 10 + \"px,20px)\";\n });\n visual.addEventListener(\"mouseleave\", function() {\n product.style.transform = \"\";\n product.style.animation = \"bosveld-product-float 4s ease-in-out infinite\";\n });\n }\n }\n\n document.querySelectorAll(\".bosveld-section, .bosveld-cta\").forEach(function(section, index) {\n section.style.transitionDelay = index * 0.04 + \"s\";\n });\n});\n\u003c\/script\u003e\n\n\n\n\n\n\n\n\n\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const buttons = document.querySelectorAll(\n \"#bosveld-add-to-cart, [data-bosveld-add-to-cart]\"\n );\n\n if (!buttons.length) return;\n\n function getSelectedVariantId() {\n const productForms = document.querySelectorAll(\n 'form[action*=\"\/cart\/add\"], product-form form'\n );\n\n for (const form of productForms) {\n const selectedVariant = form.querySelector(\n 'input[name=\"id\"]:checked, select[name=\"id\"], input[name=\"id\"]'\n );\n\n if (selectedVariant \u0026\u0026 selectedVariant.value) {\n const variantId = Number(selectedVariant.value);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n }\n\n const variantField = document.querySelector(\n '[name=\"id\"][value], [data-variant-id]'\n );\n\n if (variantField) {\n const rawValue =\n variantField.value ||\n variantField.getAttribute(\"data-variant-id\");\n\n const variantId = Number(rawValue);\n if (Number.isInteger(variantId) \u0026\u0026 variantId \u003e 0) return variantId;\n }\n\n for (const button of buttons) {\n const manualId = Number(button.dataset.variantId);\n if (Number.isInteger(manualId) \u0026\u0026 manualId \u003e 0) return manualId;\n }\n\n return null;\n }\n\n async function addToCart(button) {\n const variantId = getSelectedVariantId();\n\n if (!variantId) {\n alert(\n \"No Shopify variant could be detected. Place this section on the Shopify product page or add data-variant-id to the Add to Cart button.\"\n );\n return;\n }\n\n const originalText = button.innerHTML;\n\n buttons.forEach(function (item) {\n item.disabled = true;\n item.setAttribute(\"aria-busy\", \"true\");\n item.innerHTML = \"Adding…\";\n });\n\n try {\n const root =\n window.Shopify \u0026\u0026 window.Shopify.routes\n ? window.Shopify.routes.root\n : \"\/\";\n\n const response = await fetch(root + \"cart\/add.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application\/json\",\n \"Accept\": \"application\/json\"\n },\n body: JSON.stringify({\n items: [{ id: variantId, quantity: 1 }]\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n throw new Error(\n result.description ||\n result.message ||\n \"The product could not be added.\"\n );\n }\n\n buttons.forEach(function (item) {\n item.innerHTML = \"Added βœ“\";\n item.removeAttribute(\"aria-busy\");\n });\n\n document.documentElement.dispatchEvent(\n new CustomEvent(\"cart:refresh\", { bubbles: true })\n );\n\n document.dispatchEvent(\n new CustomEvent(\"cart:updated\", {\n bubbles: true,\n detail: result\n })\n );\n\n setTimeout(function () {\n window.location.href = root + \"cart\";\n }, 450);\n } catch (error) {\n console.error(\"Bosveld Add to Cart:\", error);\n\n buttons.forEach(function (item) {\n item.disabled = false;\n item.removeAttribute(\"aria-busy\");\n item.innerHTML = originalText;\n });\n\n alert(error.message || \"Unable to add this product to the cart.\");\n }\n }\n\n buttons.forEach(function (button) {\n button.addEventListener(\"click\", function () {\n addToCart(button);\n });\n });\n});\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Bosveld Tactical","offers":[{"title":"Default Title","offer_id":48741829771417,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/9375\/8617\/files\/ChatGPTImageAug6_2026_10_26_38AM.png?v=1786006504"}],"url":"https:\/\/bosveldtactical.co.za\/collections\/dog-accessories.oembed","provider":"Bosveld Tactical ","version":"1.0","type":"link"}