{"title":"Home page","description":null,"products":[{"product_id":"visorlock-sunglass-holder","title":"VisorLock™ (Sunglass Holder)","description":"\u003cstyle\u003e\n  .visorlock-sales-section {\n    --vl-black: #0b0b0c;\n    --vl-dark: #141416;\n    --vl-green: #18c979;\n    --vl-white: #ffffff;\n    --vl-grey: #a7a7ad;\n\n    background: var(--vl-black);\n    color: var(--vl-white);\n    padding: 80px 20px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .visorlock-sales-section * {\n    box-sizing: border-box;\n  }\n\n  \/* Animated background glow *\/\n  .visorlock-glow {\n    position: absolute;\n    width: 450px;\n    height: 450px;\n    background: rgba(24, 201, 121, 0.12);\n    filter: blur(100px);\n    border-radius: 50%;\n    top: -180px;\n    right: -120px;\n    animation: vlGlow 7s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  .visorlock-glow-two {\n    position: absolute;\n    width: 350px;\n    height: 350px;\n    background: rgba(24, 201, 121, 0.08);\n    filter: blur(90px);\n    border-radius: 50%;\n    bottom: -180px;\n    left: -120px;\n    animation: vlGlowTwo 8s ease-in-out infinite alternate;\n    pointer-events: none;\n  }\n\n  @keyframes vlGlow {\n    from {\n      transform: translate(0, 0) scale(1);\n    }\n    to {\n      transform: translate(-60px, 70px) scale(1.25);\n    }\n  }\n\n  @keyframes vlGlowTwo {\n    from {\n      transform: translate(0, 0);\n    }\n    to {\n      transform: translate(70px, -50px);\n    }\n  }\n\n  .visorlock-container {\n    max-width: 1150px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .visorlock-header {\n    text-align: center;\n    max-width: 780px;\n    margin: 0 auto 55px;\n    animation: vlFadeUp 0.8s ease both;\n  }\n\n  .visorlock-badge {\n    display: inline-block;\n    padding: 8px 15px;\n    border: 1px solid rgba(24, 201, 121, 0.45);\n    border-radius: 999px;\n    color: var(--vl-green);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    background: rgba(24, 201, 121, 0.06);\n  }\n\n  .visorlock-title {\n    font-size: clamp(38px, 6vw, 68px);\n    line-height: 0.98;\n    font-weight: 900;\n    letter-spacing: -2.5px;\n    margin: 0 0 22px;\n  }\n\n  .visorlock-title span {\n    color: var(--vl-green);\n  }\n\n  .visorlock-subtitle {\n    color: var(--vl-grey);\n    font-size: 18px;\n    line-height: 1.7;\n    margin: 0 auto;\n    max-width: 700px;\n  }\n\n  \/* Main cards *\/\n  .visorlock-features {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .visorlock-card {\n    position: relative;\n    background: linear-gradient(\n      145deg,\n      rgba(255,255,255,0.075),\n      rgba(255,255,255,0.025)\n    );\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 22px;\n    padding: 30px 26px;\n    overflow: hidden;\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n    animation: vlFadeUp 0.8s ease both;\n  }\n\n  .visorlock-card:nth-child(2) {\n    animation-delay: 0.12s;\n  }\n\n  .visorlock-card:nth-child(3) {\n    animation-delay: 0.24s;\n  }\n\n  .visorlock-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(24, 201, 121, 0.5);\n    box-shadow: 0 18px 45px rgba(0,0,0,0.35);\n  }\n\n  .visorlock-card::after {\n    content: \"\";\n    position: absolute;\n    width: 100px;\n    height: 100px;\n    background: rgba(24,201,121,0.10);\n    border-radius: 50%;\n    filter: blur(35px);\n    right: -40px;\n    bottom: -40px;\n    transition: transform 0.5s ease;\n  }\n\n  .visorlock-card:hover::after {\n    transform: scale(1.8);\n  }\n\n  .visorlock-icon {\n    width: 55px;\n    height: 55px;\n    border-radius: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(24,201,121,0.10);\n    border: 1px solid rgba(24,201,121,0.22);\n    font-size: 26px;\n    margin-bottom: 22px;\n    transition: transform 0.35s ease;\n  }\n\n  .visorlock-card:hover .visorlock-icon {\n    transform: scale(1.12) rotate(-4deg);\n  }\n\n  .visorlock-card h3 {\n    margin: 0 0 10px;\n    font-size: 21px;\n    font-weight: 850;\n  }\n\n  .visorlock-card p {\n    color: var(--vl-grey);\n    font-size: 15px;\n    line-height: 1.65;\n    margin: 0;\n  }\n\n  \/* Big selling statement *\/\n  .visorlock-statement {\n    margin-top: 22px;\n    padding: 42px 35px;\n    border-radius: 24px;\n    background:\n      linear-gradient(\n        110deg,\n        rgba(24,201,121,0.15),\n        rgba(255,255,255,0.035)\n      );\n    border: 1px solid rgba(24,201,121,0.20);\n    text-align: center;\n    animation: vlFadeUp 0.9s ease 0.3s both;\n  }\n\n  .visorlock-statement h2 {\n    margin: 0 0 12px;\n    font-size: clamp(28px, 4vw, 43px);\n    font-weight: 900;\n    letter-spacing: -1px;\n  }\n\n  .visorlock-statement p {\n    color: var(--vl-grey);\n    margin: 0 auto;\n    max-width: 650px;\n    line-height: 1.7;\n  }\n\n  \/* Benefits *\/\n  .visorlock-benefits {\n    margin-top: 35px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n\n  .visorlock-benefit {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    padding: 17px 18px;\n    border-radius: 14px;\n    background: rgba(255,255,255,0.035);\n    border: 1px solid rgba(255,255,255,0.07);\n    color: #eeeeef;\n    font-size: 15px;\n    font-weight: 650;\n    transition: all 0.3s ease;\n  }\n\n  .visorlock-benefit:hover {\n    background: rgba(24,201,121,0.08);\n    transform: translateX(5px);\n  }\n\n  .visorlock-check {\n    width: 25px;\n    height: 25px;\n    flex: 0 0 25px;\n    border-radius: 50%;\n    background: var(--vl-green);\n    color: #07130d;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 900;\n    font-size: 13px;\n  }\n\n  @keyframes vlFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(28px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Mobile *\/\n  @media screen and (max-width: 750px) {\n    .visorlock-sales-section {\n      padding: 60px 16px;\n    }\n\n    .visorlock-header {\n      margin-bottom: 35px;\n    }\n\n    .visorlock-title {\n      letter-spacing: -1.5px;\n    }\n\n    .visorlock-subtitle {\n      font-size: 16px;\n    }\n\n    .visorlock-features {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .visorlock-card {\n      padding: 25px 22px;\n    }\n\n    .visorlock-statement {\n      padding: 32px 22px;\n    }\n\n    .visorlock-benefits {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .visorlock-card,\n    .visorlock-header,\n    .visorlock-statement,\n    .visorlock-glow,\n    .visorlock-glow-two {\n      animation: none;\n    }\n\n    .visorlock-card,\n    .visorlock-benefit {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"visorlock-sales-section\"\u003e\n\u003cdiv class=\"visorlock-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"visorlock-glow-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"visorlock-container\"\u003e\n\u003cdiv class=\"visorlock-header\"\u003e\n\u003cdiv class=\"visorlock-badge\"\u003eVisorLock™\u003c\/div\u003e\n\u003ch2 class=\"visorlock-title\"\u003eStop losing\/scratching your \u003cspan\u003esunglasses.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"visorlock-subtitle\"\u003eMeet VisorLock — the simple, sleek sunglass holder designed to keep your shades secure, organised and right where you need them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"visorlock-features\"\u003e\n\u003cdiv class=\"visorlock-card\"\u003e\n\u003cdiv class=\"visorlock-icon\"\u003e🕶️\u003c\/div\u003e\n\u003ch3\u003eAlways within reach\u003c\/h3\u003e\n\u003cp\u003eKeep your sunglasses right above you instead of searching through the centre console, dashboard or seats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"visorlock-card\"\u003e\n\u003cdiv class=\"visorlock-icon\"\u003e🔒\u003c\/div\u003e\n\u003ch3\u003eSecure \u0026amp; organised\u003c\/h3\u003e\n\u003cp\u003eVisorLock helps keep your sunglasses securely in place while reducing the clutter inside your vehicle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"visorlock-card\"\u003e\n\u003cdiv class=\"visorlock-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eSimple to use\u003c\/h3\u003e\n\u003cp\u003eAttach it to your sun visor, slide your sunglasses in, and you're ready to go. No tools or complicated setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"visorlock-statement\"\u003e\n\u003ch2\u003eSmall upgrade. \u003cspan style=\"color: #18c979;\"\u003eBig difference.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYour sunglasses deserve better than being thrown onto the dashboard. Give them a dedicated place in your car with VisorLock.\u003c\/p\u003e\n\u003cdiv class=\"visorlock-benefits\"\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Designed for your sun visor\u003c\/div\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Quick \u0026amp; easy installation\u003c\/div\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Keeps sunglasses easily accessible\u003c\/div\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Sleek, low-profile design\u003c\/div\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Helps reduce interior clutter\u003c\/div\u003e\n\u003cdiv class=\"visorlock-benefit\"\u003e\n\u003cspan class=\"visorlock-check\"\u003e✓\u003c\/span\u003e Perfect for everyday driving\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"My Store 4","offers":[{"title":"Black","offer_id":52945673421087,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Grey","offer_id":52945673453855,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Visorlock Classic-Black","offer_id":52875827347743,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Visorlock Classic-Grey","offer_id":52875827380511,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0972\/3487\/8751\/files\/ChatGPT_Image_Sep_19_2026_09_01_32_PM.png?v=1789844535"}],"url":"https:\/\/gearbase.co.za\/collections\/frontpage.oembed","provider":"GearBase","version":"1.0","type":"link"}