{"product_id":"dunex-suzuki-jimny-gen4-spotlight-brackets","title":"DuneX Suzuki Jimny Gen4 Spotlight Brackets","description":"\u003csection class=\"dx-jimny-section\"\u003e\n  \u003cdiv class=\"dx-glow dx-glow-one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"dx-glow dx-glow-two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"dx-container\"\u003e\n    \u003cdiv class=\"dx-badge dx-reveal\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      SUZUKI JIMNY GEN 4\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-hero dx-reveal\"\u003e\n      \u003cp class=\"dx-eyebrow\"\u003eDUNEX SPOTLIGHT BRACKET\u003c\/p\u003e\n\n      \u003ch2\u003e\n        Mount Your Spotlights.\n        \u003cspan\u003eKeep Your Bumper.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"dx-intro\"\u003e\n        Fit powerful spotlights without replacing your bumper, adding a bulky\n        nudge bar, drilling holes or making permanent modifications.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"dx-highlight-row\"\u003e\n        \u003cdiv class=\"dx-highlight\"\u003e\n          \u003cstrong\u003eNo\u003c\/strong\u003e\n          \u003cspan\u003eBumper Swap\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dx-highlight\"\u003e\n          \u003cstrong\u003eNo\u003c\/strong\u003e\n          \u003cspan\u003eNudge Bar\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"dx-highlight\"\u003e\n          \u003cstrong\u003eNo\u003c\/strong\u003e\n          \u003cspan\u003eDrilling\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-features\"\u003e\n      \u003carticle class=\"dx-card dx-reveal\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e⚙️\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eFactory-Hole Fitment\u003c\/h3\u003e\n          \u003cp\u003e\n            Uses existing vehicle mounting points for a clean, secure and\n            reversible installation.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"dx-card dx-reveal\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eAfrican-Tough Construction\u003c\/h3\u003e\n          \u003cp\u003e\n            High-grade steel with a durable powder-coated finish for dust,\n            heat, vibration and off-road conditions.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"dx-card dx-reveal\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e🔦\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eOptimal Light Positioning\u003c\/h3\u003e\n          \u003cp\u003e\n            Positions your spotlights at the ideal height and angle for\n            improved visibility on dark roads and trails.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"dx-card dx-reveal\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e🔧\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eSimple Installation\u003c\/h3\u003e\n          \u003cp\u003e\n            Vehicle-specific design with supplied mounting hardware and a\n            straightforward installation guide.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-box dx-reveal\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"dx-box-label\"\u003eWHAT'S INCLUDED\u003c\/p\u003e\n        \u003ch3\u003eEverything needed for fitment.\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cul\u003e\n        \u003cli\u003eDUNEX Suzuki Jimny Gen 4 Spotlight Bracket\u003c\/li\u003e\n        \u003cli\u003eRequired mounting hardware\u003c\/li\u003e\n        \u003cli\u003eInstallation guide\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-footer-message dx-reveal\"\u003e\n      \u003cspan\u003eNo bumper swap.\u003c\/span\u003e\n      \u003cspan\u003eNo nudge bar.\u003c\/span\u003e\n      \u003cstrong\u003eJust spotlights, done right.\u003c\/strong\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .dx-jimny-section {\n    --dx-sand: #d8a85e;\n    --dx-gold: #f0c577;\n    --dx-dark: #11110f;\n    --dx-card: rgba(255, 255, 255, 0.07);\n    --dx-border: rgba(240, 197, 119, 0.25);\n\n    position: relative;\n    overflow: hidden;\n    padding: 72px 20px;\n    background:\n      radial-gradient(circle at top right, rgba(216, 168, 94, 0.17), transparent 34%),\n      linear-gradient(145deg, #0b0b0a 0%, #17140f 52%, #090908 100%);\n    color: #ffffff;\n    font-family: inherit;\n  }\n\n  .dx-jimny-section * {\n    box-sizing: border-box;\n  }\n\n  .dx-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .dx-glow {\n    position: absolute;\n    width: 340px;\n    height: 340px;\n    border-radius: 50%;\n    filter: blur(95px);\n    opacity: 0.14;\n    pointer-events: none;\n    animation: dxFloat 8s ease-in-out infinite;\n  }\n\n  .dx-glow-one {\n    top: -120px;\n    right: -90px;\n    background: var(--dx-gold);\n  }\n\n  .dx-glow-two {\n    bottom: -180px;\n    left: -120px;\n    background: #9b5f24;\n    animation-delay: -4s;\n  }\n\n  .dx-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 22px;\n    padding: 8px 13px;\n    border: 1px solid var(--dx-border);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.04);\n    color: var(--dx-gold);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n  }\n\n  .dx-badge span {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--dx-gold);\n    box-shadow: 0 0 14px var(--dx-gold);\n    animation: dxPulse 1.7s infinite;\n  }\n\n  .dx-hero {\n    max-width: 820px;\n  }\n\n  .dx-eyebrow {\n    margin: 0 0 10px;\n    color: rgba(255, 255, 255, 0.62);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 2px;\n  }\n\n  .dx-hero h2 {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(38px, 7vw, 76px);\n    line-height: 0.98;\n    letter-spacing: -3px;\n  }\n\n  .dx-hero h2 span {\n    display: block;\n    margin-top: 8px;\n    background: linear-gradient(90deg, var(--dx-gold), #fff0c7);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .dx-intro {\n    max-width: 710px;\n    margin: 25px 0 0;\n    color: rgba(255, 255, 255, 0.76);\n    font-size: 18px;\n    line-height: 1.7;\n  }\n\n  .dx-highlight-row {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n    max-width: 650px;\n    margin-top: 32px;\n  }\n\n  .dx-highlight {\n    padding: 17px 14px;\n    border: 1px solid var(--dx-border);\n    border-radius: 14px;\n    background: linear-gradient(\n      145deg,\n      rgba(240, 197, 119, 0.13),\n      rgba(255, 255, 255, 0.025)\n    );\n    text-align: center;\n    transition: transform 0.3s ease, border-color 0.3s ease;\n  }\n\n  .dx-highlight:hover {\n    transform: translateY(-4px);\n    border-color: rgba(240, 197, 119, 0.65);\n  }\n\n  .dx-highlight strong {\n    display: block;\n    color: var(--dx-gold);\n    font-size: 23px;\n    line-height: 1;\n  }\n\n  .dx-highlight span {\n    display: block;\n    margin-top: 7px;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.4px;\n  }\n\n  .dx-features {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n    margin-top: 48px;\n  }\n\n  .dx-card {\n    display: flex;\n    gap: 16px;\n    padding: 24px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 18px;\n    background: var(--dx-card);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.18);\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      background 0.35s ease;\n  }\n\n  .dx-card:hover {\n    transform: translateY(-6px);\n    border-color: var(--dx-border);\n    background: rgba(255, 255, 255, 0.095);\n  }\n\n  .dx-icon {\n    display: flex;\n    flex: 0 0 48px;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border: 1px solid var(--dx-border);\n    border-radius: 14px;\n    background: rgba(240, 197, 119, 0.1);\n    font-size: 23px;\n  }\n\n  .dx-card h3 {\n    margin: 1px 0 7px;\n    color: #ffffff;\n    font-size: 17px;\n  }\n\n  .dx-card p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .dx-box {\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 28px;\n    align-items: center;\n    margin-top: 18px;\n    padding: 28px;\n    border: 1px solid var(--dx-border);\n    border-radius: 20px;\n    background:\n      linear-gradient(\n        110deg,\n        rgba(216, 168, 94, 0.17),\n        rgba(255, 255, 255, 0.035)\n      );\n  }\n\n  .dx-box-label {\n    margin: 0 0 6px;\n    color: var(--dx-gold);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n  }\n\n  .dx-box h3 {\n    margin: 0;\n    color: #ffffff;\n    font-size: 24px;\n  }\n\n  .dx-box ul {\n    display: grid;\n    gap: 10px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .dx-box li {\n    position: relative;\n    padding-left: 25px;\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 14px;\n  }\n\n  .dx-box li::before {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    color: var(--dx-gold);\n    content: \"✓\";\n    font-weight: 900;\n  }\n\n  .dx-footer-message {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px 18px;\n    justify-content: center;\n    margin-top: 34px;\n    color: rgba(255, 255, 255, 0.55);\n    text-align: center;\n    font-size: 15px;\n  }\n\n  .dx-footer-message strong {\n    color: var(--dx-gold);\n  }\n\n  .dx-reveal {\n    opacity: 0;\n    transform: translateY(24px);\n    transition:\n      opacity 0.75s ease,\n      transform 0.75s ease;\n  }\n\n  .dx-reveal.dx-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes dxPulse {\n    0%,\n    100% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    50% {\n      opacity: 0.45;\n      transform: scale(1.35);\n    }\n  }\n\n  @keyframes dxFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0);\n    }\n\n    50% {\n      transform: translate3d(18px, -18px, 0);\n    }\n  }\n\n  @media (max-width: 749px) {\n    .dx-jimny-section {\n      padding: 52px 16px;\n    }\n\n    .dx-hero h2 {\n      font-size: clamp(40px, 12vw, 58px);\n      letter-spacing: -2px;\n    }\n\n    .dx-intro {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .dx-highlight-row {\n      gap: 8px;\n    }\n\n    .dx-highlight {\n      padding: 14px 7px;\n    }\n\n    .dx-highlight strong {\n      font-size: 20px;\n    }\n\n    .dx-highlight span {\n      font-size: 10px;\n    }\n\n    .dx-features {\n      grid-template-columns: 1fr;\n      margin-top: 35px;\n    }\n\n    .dx-card {\n      padding: 19px;\n    }\n\n    .dx-box {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      padding: 23px;\n    }\n\n    .dx-box h3 {\n      font-size: 21px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dx-glow,\n    .dx-badge span {\n      animation: none;\n    }\n\n    .dx-reveal {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (() =\u003e {\n    const sections = document.querySelectorAll(\".dx-jimny-section\");\n\n    sections.forEach((section) =\u003e {\n      const items = section.querySelectorAll(\".dx-reveal\");\n\n      if (!(\"IntersectionObserver\" in window)) {\n        items.forEach((item) =\u003e item.classList.add(\"dx-visible\"));\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) =\u003e {\n          entries.forEach((entry) =\u003e {\n            if (!entry.isIntersecting) return;\n\n            const item = entry.target;\n            const index = Array.from(items).indexOf(item);\n\n            window.setTimeout(() =\u003e {\n              item.classList.add(\"dx-visible\");\n            }, Math.min(index * 90, 450));\n\n            observer.unobserve(item);\n          });\n        },\n        { threshold: 0.12 }\n      );\n\n      items.forEach((item) =\u003e observer.observe(item));\n    });\n  })();\n\u003c\/script\u003e","brand":"DUNEX","offers":[{"title":"Default Title","offer_id":42964309606475,"sku":null,"price":1150.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/8141\/0379\/files\/ChatGPTImageJul31_2026_09_18_38PM.png?v=1785525934","url":"https:\/\/dunex.co.za\/products\/dunex-suzuki-jimny-gen4-spotlight-brackets","provider":"DUNEX","version":"1.0","type":"link"}