{"product_id":"amandla-air-sun-visor-sunglasses-clip","title":"Amandla Air™ Premium Sunvisor Sunglass Clip","description":"\u003cstyle\u003e\n  .aa-product-description {\n    --gold: #c89222;\n    --gold-light: #e4b64e;\n    --black: #111111;\n    --grey: #666666;\n    --light-grey: #f7f7f7;\n    --white: #ffffff;\n\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 55px 20px;\n    font-family: Arial, Helvetica, sans-serif;\n    color: var(--black);\n    overflow: hidden;\n  }\n\n  \/* ---------- HERO ---------- *\/\n\n  .aa-hero {\n    text-align: center;\n    margin-bottom: 55px;\n    animation: aaFadeUp 0.8s ease both;\n  }\n\n  .aa-eyebrow {\n    display: inline-block;\n    color: var(--gold);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .aa-hero h2 {\n    margin: 0 auto 18px;\n    max-width: 800px;\n    font-size: clamp(34px, 6vw, 62px);\n    line-height: 1.02;\n    letter-spacing: -2px;\n    font-weight: 900;\n  }\n\n  .aa-gold {\n    background: linear-gradient(\n      90deg,\n      #a66d09,\n      #e4b64e,\n      #b57a0d\n    );\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .aa-hero p {\n    max-width: 720px;\n    margin: 0 auto;\n    color: var(--grey);\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .aa-line {\n    width: 70px;\n    height: 3px;\n    margin: 25px auto 0;\n    border-radius: 20px;\n    background: linear-gradient(\n      90deg,\n      var(--gold),\n      var(--gold-light)\n    );\n    animation: aaGrow 1.2s ease both;\n  }\n\n  \/* ---------- FEATURE GRID ---------- *\/\n\n  .aa-section-title {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  .aa-section-title h3 {\n    font-size: 30px;\n    margin: 0 0 8px;\n    font-weight: 900;\n  }\n\n  .aa-section-title p {\n    margin: 0;\n    color: var(--grey);\n  }\n\n  .aa-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 55px;\n  }\n\n  .aa-feature {\n    position: relative;\n    background: var(--white);\n    border: 1px solid #e8e8e8;\n    border-radius: 18px;\n    padding: 26px 22px;\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease,\n      border-color 0.3s ease;\n    animation: aaFadeUp 0.7s ease both;\n    overflow: hidden;\n  }\n\n  .aa-feature::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 3px;\n    width: 0;\n    background: linear-gradient(\n      90deg,\n      var(--gold),\n      var(--gold-light)\n    );\n    transition: width 0.35s ease;\n  }\n\n  .aa-feature:hover {\n    transform: translateY(-6px);\n    border-color: rgba(200, 146, 34, 0.45);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);\n  }\n\n  .aa-feature:hover::before {\n    width: 100%;\n  }\n\n  .aa-icon {\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #fff8e8;\n    border: 1px solid rgba(200, 146, 34, 0.25);\n    border-radius: 50%;\n    font-size: 22px;\n    margin-bottom: 16px;\n    transition: transform 0.3s ease;\n  }\n\n  .aa-feature:hover .aa-icon {\n    transform: scale(1.1) rotate(-4deg);\n  }\n\n  .aa-feature h4 {\n    margin: 0 0 7px;\n    font-size: 16px;\n    font-weight: 800;\n  }\n\n  .aa-feature p {\n    margin: 0;\n    color: var(--grey);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  \/* ---------- SA SECTION ---------- *\/\n\n  .aa-sa-section {\n    position: relative;\n    padding: 45px;\n    border-radius: 24px;\n    background: #111;\n    color: #fff;\n    margin-bottom: 55px;\n    overflow: hidden;\n  }\n\n  .aa-sa-section::after {\n    content: \"\";\n    position: absolute;\n    width: 240px;\n    height: 240px;\n    right: -90px;\n    top: -100px;\n    border-radius: 50%;\n    background: rgba(200, 146, 34, 0.16);\n    filter: blur(10px);\n  }\n\n  .aa-sa-content {\n    position: relative;\n    z-index: 2;\n    max-width: 750px;\n  }\n\n  .aa-sa-section h3 {\n    font-size: clamp(27px, 4vw, 40px);\n    line-height: 1.1;\n    margin: 0 0 16px;\n    font-weight: 900;\n  }\n\n  .aa-sa-section p {\n    color: #d1d1d1;\n    line-height: 1.7;\n    margin: 0;\n    font-size: 16px;\n  }\n\n  \/* ---------- WHAT'S IN BOX ---------- *\/\n\n  .aa-box {\n    display: flex;\n    align-items: center;\n    gap: 25px;\n    padding: 30px;\n    background: var(--light-grey);\n    border-radius: 20px;\n    margin-bottom: 45px;\n    border: 1px solid #ededed;\n  }\n\n  .aa-box-icon {\n    min-width: 65px;\n    width: 65px;\n    height: 65px;\n    border-radius: 16px;\n    background: #111;\n    color: var(--gold-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 30px;\n  }\n\n  .aa-box h3 {\n    margin: 0 0 8px;\n    font-size: 23px;\n    font-weight: 900;\n  }\n\n  .aa-box p {\n    margin: 4px 0;\n    color: var(--grey);\n  }\n\n  \/* ---------- GIFT ---------- *\/\n\n  .aa-gift {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 45px;\n  }\n\n  .aa-gift-icon {\n    font-size: 34px;\n    display: block;\n    margin-bottom: 10px;\n    animation: aaFloat 2.5s ease-in-out infinite;\n  }\n\n  .aa-gift h3 {\n    font-size: 28px;\n    margin: 0 0 12px;\n    font-weight: 900;\n  }\n\n  .aa-gift p {\n    color: var(--grey);\n    line-height: 1.7;\n    margin: 0;\n  }\n\n  \/* ---------- FINAL CTA ---------- *\/\n\n  .aa-cta {\n    position: relative;\n    text-align: center;\n    padding: 42px 25px;\n    border: 1px solid rgba(200, 146, 34, 0.35);\n    border-radius: 24px;\n    background: linear-gradient(\n      135deg,\n      #fffaf0,\n      #ffffff\n    );\n    overflow: hidden;\n  }\n\n  .aa-cta h3 {\n    margin: 0 0 10px;\n    font-size: clamp(27px, 4vw, 38px);\n    font-weight: 900;\n  }\n\n  .aa-cta p {\n    margin: 0;\n    color: var(--grey);\n    font-size: 16px;\n  }\n\n  .aa-cta strong {\n    color: var(--gold);\n  }\n\n  .aa-pulse {\n    display: inline-block;\n    margin-top: 20px;\n    padding: 12px 22px;\n    border-radius: 50px;\n    background: #111;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    animation: aaPulse 2s infinite;\n  }\n\n  \/* ---------- ANIMATIONS ---------- *\/\n\n  @keyframes aaFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(25px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes aaGrow {\n    from {\n      width: 0;\n    }\n    to {\n      width: 70px;\n    }\n  }\n\n  @keyframes aaFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-6px);\n    }\n  }\n\n  @keyframes aaPulse {\n    0%, 100% {\n      box-shadow: 0 0 0 0 rgba(200, 146, 34, 0);\n      transform: scale(1);\n    }\n    50% {\n      box-shadow: 0 0 0 9px rgba(200, 146, 34, 0.08);\n      transform: scale(1.025);\n    }\n  }\n\n  \/* stagger feature animation *\/\n  .aa-feature:nth-child(1) { animation-delay: 0.05s; }\n  .aa-feature:nth-child(2) { animation-delay: 0.10s; }\n  .aa-feature:nth-child(3) { animation-delay: 0.15s; }\n  .aa-feature:nth-child(4) { animation-delay: 0.20s; }\n  .aa-feature:nth-child(5) { animation-delay: 0.25s; }\n  .aa-feature:nth-child(6) { animation-delay: 0.30s; }\n\n  \/* ---------- MOBILE ---------- *\/\n\n  @media (max-width: 800px) {\n    .aa-product-description {\n      padding: 38px 16px;\n    }\n\n    .aa-features {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .aa-sa-section {\n      padding: 32px 24px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .aa-hero h2 {\n      letter-spacing: -1px;\n    }\n\n    .aa-features {\n      grid-template-columns: 1fr;\n    }\n\n    .aa-box {\n      align-items: flex-start;\n      padding: 23px 18px;\n    }\n\n    .aa-box-icon {\n      min-width: 52px;\n      width: 52px;\n      height: 52px;\n    }\n  }\n\n  \/* Accessibility *\/\n  @media (prefers-reduced-motion: reduce) {\n    .aa-product-description *,\n    .aa-product-description *::before,\n    .aa-product-description *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"aa-product-description\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"aa-hero\"\u003e\n    \u003cspan class=\"aa-eyebrow\"\u003eAMANDLA AIR™\u003c\/span\u003e\n\n    \u003ch2\u003e\n      KEEP YOUR SHADES\n      \u003cspan class=\"aa-gold\"\u003eWITHIN REACH.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      The Amandla Air™ Sun Visor Sunglasses Clip is the ultimate\n      co-pilot for your sunglasses. No more fumbling through the\n      cubbyhole. No more scratched lenses on the seat. Just\n      \u003cstrong\u003eclip, drive and grab.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"aa-line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"aa-section-title\"\u003e\n    \u003ch3\u003eWhy Drivers Love It\u003c\/h3\u003e\n    \u003cp\u003eSmall upgrade. Big difference.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"aa-features\"\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e⚡\u003c\/div\u003e\n      \u003ch4\u003eInstant Access\u003c\/h4\u003e\n      \u003cp\u003e\n        Your sunglasses stay right where you need them,\n        ready to grab in seconds.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e🔒\u003c\/div\u003e\n      \u003ch4\u003eSecure Padded Grip\u003c\/h4\u003e\n      \u003cp\u003e\n        Holds your shades firmly without scratching\n        your frames or lenses.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e🚙\u003c\/div\u003e\n      \u003ch4\u003eUniversal Fit\u003c\/h4\u003e\n      \u003cp\u003e\n        Designed to fit most cars, bakkies and SUVs\n        with ease.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e🪶\u003c\/div\u003e\n      \u003ch4\u003eLow-Profile Design\u003c\/h4\u003e\n      \u003cp\u003e\n        Lightweight, compact and barely noticeable\n        inside your vehicle.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e😎\u003c\/div\u003e\n      \u003ch4\u003eFits Most Frames\u003c\/h4\u003e\n      \u003cp\u003e\n        Ideal for aviators, wayfarers, wraparounds\n        and many other frame styles.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aa-feature\"\u003e\n      \u003cdiv class=\"aa-icon\"\u003e🛠️\u003c\/div\u003e\n      \u003ch4\u003eInstalls in Seconds\u003c\/h4\u003e\n      \u003cp\u003e\n        No tools. No complicated setup. Simply clip\n        it onto your sun visor.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SOUTH AFRICA --\u003e\n  \u003cdiv class=\"aa-sa-section\"\u003e\n    \u003cdiv class=\"aa-sa-content\"\u003e\n\n      \u003cspan class=\"aa-eyebrow\"\u003e\n        BUILT FOR SOUTH AFRICAN ROADS\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        READY FOR THE\n        \u003cspan class=\"aa-gold\"\u003eSA SUN.\u003c\/span\u003e\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Whether you're navigating Joburg traffic, cruising the\n        Garden Route or heading out on a weekend braai run, keep\n        your sunglasses exactly where they belong — right above\n        your head and ready when you need them.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- WHAT'S IN THE BOX --\u003e\n  \u003cdiv class=\"aa-box\"\u003e\n\n    \u003cdiv class=\"aa-box-icon\"\u003e📦\u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003ch3\u003eWhat's in the Box?\u003c\/h3\u003e\n\n      \u003cp\u003e\n        \u003cstrong\u003e1× Amandla Air™ Sun Visor Sunglasses Clip\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Easy-fit design — no tools or complicated\n        installation required.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- GIFT --\u003e\n  \u003cdiv class=\"aa-gift\"\u003e\n\n    \u003cspan class=\"aa-gift-icon\"\u003e🎁\u003c\/span\u003e\n\n    \u003ch3\u003eMakes a Great Gift Too\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Practical, affordable and genuinely useful.\n      Perfect for a friend, family member or simply\n      upgrading your own car. Pair it with other\n      Amandla Air™ accessories for the ultimate\n      road-ready setup.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv class=\"aa-cta\"\u003e\n\n    \u003ch3\u003e\n      STOP SEARCHING.\n      \u003cspan class=\"aa-gold\"\u003eJUST REACH \u0026amp; GO.\u003c\/span\u003e\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Keep your shades secure, protected and\n      \u003cstrong\u003ealways within reach.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"aa-pulse\"\u003e\n      Upgrade Your Drive\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Amandla Air","offers":[{"title":"Beige","offer_id":54178416296304,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54178416329072,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":54178416361840,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true},{"title":"Red","offer_id":54178416394608,"sku":null,"price":199.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0953\/5936\/9584\/files\/50B7A389-1861-4FFB-8B3E-9E88837FA86C_55818851-73c6-4273-8c62-b96f6a3adcbe.png?v=1786899408","url":"https:\/\/amandlaair.co.za\/products\/amandla-air-sun-visor-sunglasses-clip","provider":"Amandla Air","version":"1.0","type":"link"}