{"product_id":"dunex-land-cruiser-79-armrest-set","title":"DuneX Land Cruiser 79 Armrest Set","description":"\u003csection class=\"dx-armrest\"\u003e\n  \u003cdiv class=\"dx-glow\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"dx-wrap\"\u003e\n    \u003cdiv class=\"dx-badge\"\u003eLAND CRUISER 79 SERIES\u003c\/div\u003e\n\n    \u003ch2\u003e\n      Drive Further.\u003cbr\u003e\n      \u003cspan\u003eArrive More Comfortable.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"dx-intro\"\u003e\n      Upgrade your Land Cruiser with the\n      \u003cstrong\u003eDuneX Door Armrest\u003c\/strong\u003e — engineered for natural support,\n      premium comfort and a clean, vehicle-specific fit.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"dx-features\"\u003e\n      \u003cdiv class=\"dx-card\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e💺\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eErgonomic Comfort\u003c\/h3\u003e\n          \u003cp\u003eContoured support helps reduce arm fatigue during long drives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dx-card\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003ePrecision Fitment\u003c\/h3\u003e\n          \u003cp\u003eDesigned specifically for the Land Cruiser 79 door panel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dx-card\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e🏆\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003ePremium Construction\u003c\/h3\u003e\n          \u003cp\u003eDurable, supportive and made for demanding South African conditions.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"dx-card\"\u003e\n        \u003cdiv class=\"dx-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eQuick Installation\u003c\/h3\u003e\n          \u003cp\u003eFits using existing mounting points with no cutting or drilling.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-box\"\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"dx-label\"\u003eIN THE BOX\u003c\/span\u003e\n        \u003ch3\u003eEverything Needed for Fitment\u003c\/h3\u003e\n        \u003cp\u003e1 × DuneX Land Cruiser 79 Armrest\u003cbr\u003e\n        Mounting hardware and installation guide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dx-check\"\u003e✓\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"dx-footer\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSmall upgrade. Big difference.\u003c\/strong\u003e\u003c\/p\u003e\n      \u003ca href=\"#AddToCart\" class=\"dx-button\"\u003e\n        Upgrade Your Land Cruiser\n        \u003cspan\u003e→\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .dx-armrest {\n    --sand: #d5a85f;\n    --sand-light: #f1d49c;\n    --dark: #11100e;\n    --panel: #1a1815;\n    --text: #f8f4eb;\n    --muted: #c8c0b2;\n\n    position: relative;\n    overflow: hidden;\n    margin: 30px auto;\n    padding: 60px 22px;\n    border-radius: 26px;\n    background:\n      radial-gradient(circle at 80% 10%, rgba(213,168,95,.22), transparent 35%),\n      linear-gradient(145deg, #211d17 0%, #0d0c0a 60%, #17130e 100%);\n    color: var(--text);\n    font-family: Arial, Helvetica, sans-serif;\n    box-shadow: 0 25px 70px rgba(0,0,0,.28);\n  }\n\n  .dx-armrest::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: .12;\n    background-image:\n      repeating-linear-gradient(\n        120deg,\n        transparent 0,\n        transparent 25px,\n        rgba(255,255,255,.08) 26px\n      );\n    pointer-events: none;\n  }\n\n  .dx-glow {\n    position: absolute;\n    width: 280px;\n    height: 280px;\n    right: -100px;\n    bottom: -130px;\n    border-radius: 50%;\n    background: var(--sand);\n    filter: blur(100px);\n    opacity: .22;\n  }\n\n  .dx-wrap {\n    position: relative;\n    z-index: 2;\n    max-width: 920px;\n    margin: auto;\n  }\n\n  .dx-badge {\n    display: inline-flex;\n    padding: 9px 15px;\n    border: 1px solid rgba(213,168,95,.45);\n    border-radius: 50px;\n    background: rgba(213,168,95,.10);\n    color: var(--sand-light);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.8px;\n    animation: dxFadeUp .7s ease both;\n  }\n\n  .dx-armrest h2 {\n    max-width: 720px;\n    margin: 22px 0 16px;\n    font-size: clamp(36px, 6vw, 66px);\n    line-height: .98;\n    letter-spacing: -2.5px;\n    text-transform: uppercase;\n    animation: dxFadeUp .8s .1s ease both;\n  }\n\n  .dx-armrest h2 span {\n    color: var(--sand);\n  }\n\n  .dx-intro {\n    max-width: 720px;\n    margin: 0 0 32px;\n    color: var(--muted);\n    font-size: 17px;\n    line-height: 1.7;\n    animation: dxFadeUp .8s .2s ease both;\n  }\n\n  .dx-intro strong {\n    color: var(--text);\n  }\n\n  .dx-features {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n\n  .dx-card {\n    display: flex;\n    gap: 14px;\n    padding: 22px;\n    border: 1px solid rgba(255,255,255,.08);\n    border-radius: 18px;\n    background: rgba(255,255,255,.045);\n    backdrop-filter: blur(10px);\n    transition: transform .3s ease, border-color .3s ease,\n                background .3s ease;\n    animation: dxFadeUp .8s ease both;\n  }\n\n  .dx-card:nth-child(1) { animation-delay: .25s; }\n  .dx-card:nth-child(2) { animation-delay: .32s; }\n  .dx-card:nth-child(3) { animation-delay: .39s; }\n  .dx-card:nth-child(4) { animation-delay: .46s; }\n\n  .dx-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(213,168,95,.55);\n    background: rgba(213,168,95,.08);\n  }\n\n  .dx-icon {\n    display: grid;\n    flex: 0 0 45px;\n    height: 45px;\n    place-items: center;\n    border-radius: 13px;\n    background: rgba(213,168,95,.14);\n    font-size: 22px;\n  }\n\n  .dx-card h3,\n  .dx-box h3 {\n    margin: 0 0 7px;\n    color: var(--text);\n    font-size: 16px;\n  }\n\n  .dx-card p,\n  .dx-box p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.55;\n  }\n\n  .dx-box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-top: 16px;\n    padding: 24px;\n    border-radius: 18px;\n    background: linear-gradient(\n      110deg,\n      rgba(213,168,95,.18),\n      rgba(213,168,95,.05)\n    );\n    border: 1px solid rgba(213,168,95,.30);\n  }\n\n  .dx-label {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--sand-light);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n  }\n\n  .dx-check {\n    display: grid;\n    flex: 0 0 52px;\n    height: 52px;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--sand);\n    color: var(--dark);\n    font-size: 25px;\n    font-weight: 900;\n    box-shadow: 0 10px 30px rgba(213,168,95,.25);\n  }\n\n  .dx-footer {\n    margin-top: 28px;\n    text-align: center;\n  }\n\n  .dx-footer p {\n    margin: 0 0 15px;\n    color: var(--sand-light);\n    font-size: 17px;\n  }\n\n  .dx-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    min-height: 54px;\n    padding: 0 28px;\n    border-radius: 13px;\n    background: linear-gradient(135deg, var(--sand-light), var(--sand));\n    color: var(--dark) !important;\n    font-size: 14px;\n    font-weight: 900;\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: .5px;\n    box-shadow: 0 14px 35px rgba(213,168,95,.25);\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .dx-button:hover {\n    transform: translateY(-3px) scale(1.015);\n    box-shadow: 0 18px 45px rgba(213,168,95,.38);\n  }\n\n  .dx-button span {\n    font-size: 21px;\n    transition: transform .25s ease;\n  }\n\n  .dx-button:hover span {\n    transform: translateX(4px);\n  }\n\n  @keyframes dxFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (max-width: 650px) {\n    .dx-armrest {\n      margin: 18px 0;\n      padding: 42px 16px;\n      border-radius: 20px;\n    }\n\n    .dx-armrest h2 {\n      margin-top: 18px;\n      font-size: 39px;\n      letter-spacing: -1.5px;\n    }\n\n    .dx-intro {\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .dx-features {\n      grid-template-columns: 1fr;\n    }\n\n    .dx-card {\n      padding: 18px;\n    }\n\n    .dx-box {\n      padding: 20px 18px;\n    }\n\n    .dx-check {\n      flex-basis: 43px;\n      height: 43px;\n    }\n\n    .dx-button {\n      width: 100%;\n      padding: 0 16px;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dx-armrest *,\n    .dx-armrest *::before,\n    .dx-armrest *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e","brand":"DUNEX","offers":[{"title":"Default Title","offer_id":42966349185099,"sku":null,"price":1795.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/8141\/0379\/files\/DuneX_LandCruiser79_Armrest_Sample1.png?v=1785610500","url":"https:\/\/dunex.co.za\/products\/dunex-land-cruiser-79-armrest-set","provider":"DUNEX","version":"1.0","type":"link"}