{"product_id":"magnetic-solar-guard-pro-copy","title":"Seat GAP Vault","description":"\u003cstyle\u003e\n\/* =====================================================\n   SEAT GAP VAULT™\n   PREMIUM BLACK \/ CHARCOAL \/ GOLD\n===================================================== *\/\n\n:root {\n    --black: #111111;\n    --charcoal: #1d1d1d;\n    --charcoal-light: #252525;\n    --gold: #C9A84C;\n    --gold-soft: #D8BC68;\n    --white: #F5F5F5;\n    --text: #D2D2D2;\n}\n\n\/* =====================================================\n   MAIN CONTAINER\n===================================================== *\/\n\n.rr-seat-vault {\n    max-width: 850px;\n    margin: 0 auto;\n    padding: 15px 18px 25px;\n    background: var(--black);\n    color: var(--white);\n    border-radius: 14px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n\/* =====================================================\n   PRODUCT NAME\n===================================================== *\/\n\n.rr-seat-vault h1 {\n    text-align: center;\n    margin: 5px 0 8px;\n\n    font-size: 32px;\n    line-height: 1.2;\n\n    font-weight: 800;\n    letter-spacing: 0.3px;\n\n    color: var(--gold);\n\n    animation: subtleGlow 4s ease-in-out infinite;\n}\n\n\/* =====================================================\n   SENTENCE UNDER PRODUCT NAME\n===================================================== *\/\n\n.rr-seat-vault .rr-tagline {\n    text-align: center;\n\n    font-size: 17px;\n    line-height: 1.45;\n\n    font-weight: 600;\n\n    color: var(--white);\n\n    margin: 0 auto 20px;\n\n    max-width: 700px;\n}\n\n\/* =====================================================\n   INTRODUCTION PARAGRAPH\n===================================================== *\/\n\n.rr-seat-vault .rr-intro {\n    font-size: 15px;\n    line-height: 1.7;\n\n    color: var(--text);\n\n    text-align: center;\n\n    max-width: 760px;\n\n    margin: 0 auto 25px;\n}\n\n\/* =====================================================\n   SECTION HEADING\n===================================================== *\/\n\n.rr-seat-vault h3 {\n    margin: 27px 0 15px;\n\n    padding: 10px 13px;\n\n    font-size: 19px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    color: var(--gold-soft);\n\n    background: rgba(201,168,76,0.05);\n\n    border-left: 2px solid var(--gold);\n\n    border-radius: 4px;\n}\n\n\/* =====================================================\n   NORMAL CONTENT\n===================================================== *\/\n\n.rr-seat-vault .normal-text {\n    font-size: 15px;\n    line-height: 1.7;\n\n    color: var(--text);\n\n    margin: 0 0 16px;\n}\n\n.rr-seat-vault strong {\n    color: var(--gold-soft);\n    font-weight: 700;\n}\n\n\/* =====================================================\n   EXPERIENCE THE DIFFERENCE TABS\n===================================================== *\/\n\n\/*\n   The important part:\n\n   - Clearly visible against black\n   - Charcoal background\n   - Very subtle gold border\n   - No heavy glow\n   - No excessive gold\n*\/\n\n.rr-seat-vault .experience-tab {\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin: 0 0 12px;\n\n    padding: 14px 15px;\n\n    background: var(--charcoal);\n\n    border: 1px solid rgba(201,168,76,0.55);\n\n    border-radius: 9px;\n\n    box-shadow: 0 3px 10px rgba(0,0,0,0.25);\n\n    transition:\n        background 0.25s ease,\n        border-color 0.25s ease,\n        transform 0.25s ease;\n}\n\n\/* Tab heading *\/\n\n.rr-seat-vault .experience-tab strong {\n    display: block;\n\n    margin-bottom: 4px;\n\n    font-size: 16px;\n    line-height: 1.4;\n\n    color: var(--gold-soft);\n}\n\n\/* Tab paragraph *\/\n\n.rr-seat-vault .experience-tab span {\n    display: block;\n\n    font-size: 14px;\n    line-height: 1.6;\n\n    color: #D6D6D6;\n}\n\n\/* Subtle desktop hover *\/\n\n@media (hover: hover) {\n\n    .rr-seat-vault .experience-tab:hover {\n\n        background: var(--charcoal-light);\n\n        border-color: rgba(201,168,76,0.75);\n\n        transform: translateY(-1px);\n    }\n}\n\n\/* =====================================================\n   SMALL UPGRADE SECTION\n===================================================== *\/\n\n.rr-seat-vault .upgrade-text {\n    font-size: 15px;\n    line-height: 1.7;\n\n    color: var(--text);\n\n    margin: 0 0 16px;\n}\n\n\/* =====================================================\n   FINAL MESSAGE\n===================================================== *\/\n\n.rr-seat-vault .rr-final-message {\n\n    margin-top: 22px;\n\n    padding: 14px 15px;\n\n    text-align: center;\n\n    background: var(--charcoal);\n\n    border: 1px solid rgba(201,168,76,0.35);\n\n    border-radius: 9px;\n}\n\n.rr-seat-vault .rr-final-message strong {\n\n    font-size: 17px;\n\n    color: var(--gold-soft);\n}\n\n\/* =====================================================\n   FINAL PRODUCT NAME\n===================================================== *\/\n\n.rr-seat-vault .rr-final-title {\n\n    text-align: center;\n\n    margin: 25px 0 8px;\n\n    font-size: 24px;\n\n    font-weight: 800;\n\n    color: var(--gold);\n}\n\n\/* Final CTA *\/\n\n.rr-seat-vault .rr-final-cta {\n\n    text-align: center;\n\n    font-size: 16px;\n\n    line-height: 1.5;\n\n    color: var(--text);\n\n    margin: 0;\n}\n\n.rr-seat-vault .rr-final-cta strong {\n\n    color: var(--gold-soft);\n}\n\n\/* =====================================================\n   SUBTLE ANIMATION\n===================================================== *\/\n\n@keyframes subtleGlow {\n\n    0%, 100% {\n        text-shadow: 0 0 0 rgba(201,168,76,0);\n    }\n\n    50% {\n        text-shadow: 0 0 8px rgba(201,168,76,0.18);\n    }\n}\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media (max-width: 600px) {\n\n    .rr-seat-vault {\n\n        padding: 10px 12px 20px;\n\n        border-radius: 10px;\n    }\n\n    .rr-seat-vault h1 {\n\n        font-size: 27px;\n\n        margin-top: 4px;\n    }\n\n    .rr-seat-vault .rr-tagline {\n\n        font-size: 15px;\n\n        line-height: 1.45;\n\n        margin-bottom: 16px;\n    }\n\n    .rr-seat-vault .rr-intro {\n\n        font-size: 13.5px;\n\n        line-height: 1.6;\n\n        margin-bottom: 21px;\n    }\n\n    .rr-seat-vault h3 {\n\n        font-size: 17px;\n\n        margin-top: 22px;\n\n        margin-bottom: 12px;\n\n        padding: 9px 10px;\n    }\n\n    .rr-seat-vault .normal-text {\n\n        font-size: 13.5px;\n\n        line-height: 1.6;\n    }\n\n    \/* Experience tabs *\/\n\n    .rr-seat-vault .experience-tab {\n\n        padding: 12px 12px;\n\n        margin-bottom: 9px;\n\n        border-radius: 8px;\n\n        background: #202020;\n    }\n\n    .rr-seat-vault .experience-tab strong {\n\n        font-size: 14.5px;\n\n        margin-bottom: 3px;\n    }\n\n    .rr-seat-vault .experience-tab span {\n\n        font-size: 13px;\n\n        line-height: 1.55;\n    }\n\n    .rr-seat-vault .rr-final-message {\n\n        padding: 12px;\n\n        margin-top: 18px;\n    }\n\n    .rr-seat-vault .rr-final-title {\n\n        font-size: 22px;\n\n        margin-top: 22px;\n    }\n\n    .rr-seat-vault .rr-final-cta {\n\n        font-size: 14px;\n    }\n}\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .rr-seat-vault * {\n\n        animation: none !important;\n\n        transition: none !important;\n    }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"rr-seat-vault\" style=\"text-align: center;\"\u003e\n\u003c!-- =================================================\n         PRODUCT NAME\n    ================================================== --\u003e\n\u003ch1\u003eSeat Gap Vault™\u003c\/h1\u003e\n\u003c!-- =================================================\n         SENTENCE\n    ================================================== --\u003e\n\u003cp class=\"rr-tagline\"\u003eStop Losing Things in the Gap. Start Driving Organised.\u003c\/p\u003e\n\u003c!-- =================================================\n         INTRODUCTORY PARAGRAPH\n    ================================================== --\u003e\n\u003cp class=\"rr-intro\"\u003eThat frustrating moment when your phone, keys, coins or cards slip between your car seat and centre console? \u003cstrong\u003eSeat Gap Vault™\u003c\/strong\u003e is designed to put an end to it. Simply place it beside your car seat and turn that wasted space into a smart storage zone for the things you reach for every day.\u003c\/p\u003e\n\u003c!-- =================================================\n         EVERYDAY ESSENTIALS\n    ================================================== --\u003e\n\u003cp class=\"normal-text\" style=\"text-align: center;\"\u003eNo more digging between the seat and console. No more moving your seat forward just to retrieve something that disappeared underneath it.\u003c\/p\u003e\n\u003cp class=\"normal-text\" style=\"text-align: center;\"\u003e\u003cstrong\u003eSeat Gap Vault™\u003c\/strong\u003e helps keep your phone, keys, cards, coins and other small essentials within easy reach — making your daily drives feel cleaner, calmer and more organised.\u003c\/p\u003e\n\u003c!-- =================================================\n         EXPERIENCE THE DIFFERENCE\n    ================================================== --\u003e\n\u003ch3\u003e✨ Experience the Difference\u003c\/h3\u003e\n\u003c!-- TAB 1 --\u003e\n\u003cdiv class=\"experience-tab\"\u003e\n\u003cstrong\u003e 🧹 A Cleaner, More Organised Car \u003c\/strong\u003e \u003cspan\u003e Turn an awkward, wasted space into useful storage and keep small items from disappearing underneath your seats. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- TAB 2 --\u003e\n\u003cdiv class=\"experience-tab\"\u003e\n\u003cstrong\u003e 📱 Stop Losing Your Phone \u003c\/strong\u003e \u003cspan\u003e Keep your phone close and easy to access instead of watching it slide into the dreaded seat gap. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- TAB 3 --\u003e\n\u003cdiv class=\"experience-tab\"\u003e\n\u003cstrong\u003e 🔑 Keep Your Essentials Together \u003c\/strong\u003e \u003cspan\u003e Keys, cards, coins and other everyday items have a dedicated place instead of floating around your centre console. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- TAB 4 --\u003e\n\u003cdiv class=\"experience-tab\"\u003e\n\u003cstrong\u003e 🚘 Less Reaching. Less Searching. Less Frustration. \u003c\/strong\u003e \u003cspan\u003e Whether you're commuting to work, running errands or heading out on a road trip, everything you need stays closer and easier to find. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n         DESIGNED FOR EVERYDAY DRIVING\n    ================================================== --\u003e\n\u003ch3 style=\"text-align: center;\"\u003e🖤 Designed for Everyday Driving\u003c\/h3\u003e\n\u003cp class=\"normal-text\" style=\"text-align: center;\"\u003eIts sleek, low-profile design blends naturally into your vehicle while making use of space that would otherwise go to waste.\u003c\/p\u003e\n\u003c!-- =================================================\n         SMALL UPGRADE\n    ================================================== --\u003e\n\u003ch3 style=\"text-align: center;\"\u003eThe Small Upgrade You'll Notice Every Day\u003c\/h3\u003e\n\u003cp class=\"upgrade-text\" style=\"text-align: center;\"\u003eYou don't realise how annoying the seat gap is until you stop losing things in it.\u003c\/p\u003e\n\u003cp class=\"upgrade-text\" style=\"text-align: center;\"\u003eWith \u003cstrong\u003eSeat Gap Vault™\u003c\/strong\u003e, your car feels more organised, your essentials are easier to find, and those little daily frustrations simply disappear.\u003c\/p\u003e\n\u003c!-- =================================================\n         FINAL BENEFIT\n    ================================================== --\u003e\n\u003cdiv class=\"rr-final-message\"\u003e\u003cstrong\u003e Less clutter. Less searching. More control. \u003c\/strong\u003e\u003c\/div\u003e\n\u003c!-- =================================================\n         FINAL PRODUCT NAME\n    ================================================== --\u003e\n\u003cdiv class=\"rr-final-title\"\u003eSeat Gap Vault™\u003c\/div\u003e\n\u003cp class=\"rr-final-cta\"\u003e\u003cstrong\u003eTurn wasted space into smart storage.\u003c\/strong\u003e \u003cbr\u003eUpgrade your drive today.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Road Royalty","offers":[{"title":"Default Title","offer_id":52733213966623,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0960\/6728\/9375\/files\/seatgapvault1_5d900fd3-07ac-4881-bf2d-b73798e7fd6a.png?v=1785687014","url":"https:\/\/roadroyalty.co.za\/products\/magnetic-solar-guard-pro-copy","provider":"Road Royalty","version":"1.0","type":"link"}