{"title":"Our Collections","description":null,"products":[{"product_id":"vizorvault-car-glasses-holder","title":"VizorVault β€” Car Glasses Holder","description":"\u003cstyle\u003e\n\/* ================================\n VRRPHA GADGETS SA\n VIZORVAULT PREMIUM PRODUCT SECTION\n================================ *\/\n\n.vrrpha-product {\n --black: #0b0b0d;\n --dark: #111216;\n --card: #17181d;\n --white: #ffffff;\n --muted: #a8abb3;\n --gold: #d6b56c;\n --border: rgba(255,255,255,0.09);\n\n background:\n radial-gradient(circle at 15% 10%, rgba(214,181,108,0.10), transparent 30%),\n radial-gradient(circle at 85% 80%, rgba(255,255,255,0.05), transparent 25%),\n linear-gradient(145deg, #08090b, #111216 55%, #090a0c);\n\n color: var(--white);\n padding: 80px 20px;\n font-family: Arial, Helvetica, sans-serif;\n overflow: hidden;\n position: relative;\n}\n\n.vrrpha-product * {\n box-sizing: border-box;\n}\n\n.vrrpha-container {\n max-width: 1180px;\n margin: auto;\n}\n\n\/* Floating background elements *\/\n\n.vrrpha-product::before,\n.vrrpha-product::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n pointer-events: none;\n animation: vrrphaFloat 7s ease-in-out infinite alternate;\n}\n\n.vrrpha-product::before {\n width: 250px;\n height: 250px;\n background: rgba(214,181,108,0.08);\n top: 5%;\n left: -100px;\n}\n\n.vrrpha-product::after {\n width: 300px;\n height: 300px;\n background: rgba(255,255,255,0.035);\n right: -120px;\n bottom: 5%;\n animation-delay: 2s;\n}\n\n@keyframes vrrphaFloat {\n from {\n transform: translateY(0) scale(1);\n }\n to {\n transform: translateY(-25px) scale(1.08);\n }\n}\n\n\/* Top badge *\/\n\n.vrrpha-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 9px 16px;\n border: 1px solid rgba(214,181,108,0.3);\n background: rgba(214,181,108,0.07);\n border-radius: 100px;\n color: #e4c982;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1.6px;\n text-transform: uppercase;\n margin-bottom: 22px;\n animation: vrrphaFadeUp .8s ease both;\n}\n\n.vrrpha-badge span {\n animation: vrrphaPulse 2s infinite;\n}\n\n@keyframes vrrphaPulse {\n 0%,100% { opacity: 1; }\n 50% { opacity: .4; }\n}\n\n\/* Hero *\/\n\n.vrrpha-hero {\n text-align: center;\n margin-bottom: 55px;\n position: relative;\n z-index: 2;\n}\n\n.vrrpha-hero h1 {\n font-size: clamp(38px, 6vw, 70px);\n line-height: 1.02;\n margin: 0 auto 20px;\n max-width: 900px;\n font-weight: 800;\n letter-spacing: -2.5px;\n background: linear-gradient(\n 110deg,\n #ffffff 20%,\n #d9d9d9 45%,\n #d6b56c 65%,\n #ffffff 85%\n );\n background-size: 250% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n animation:\n vrrphaFadeUp .9s ease both,\n vrrphaShimmer 6s linear infinite;\n}\n\n@keyframes vrrphaShimmer {\n to {\n background-position: 250% center;\n }\n}\n\n.vrrpha-hero p {\n color: var(--muted);\n max-width: 680px;\n margin: auto;\n font-size: 18px;\n line-height: 1.7;\n animation: vrrphaFadeUp 1s .15s ease both;\n}\n\n\/* Product visual *\/\n\n.vrrpha-product-showcase {\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 45px;\n align-items: center;\n margin-bottom: 80px;\n}\n\n.vrrpha-visual {\n min-height: 430px;\n border-radius: 28px;\n border: 1px solid var(--border);\n background:\n radial-gradient(circle at 50% 40%, rgba(214,181,108,.13), transparent 32%),\n linear-gradient(145deg, #17181d, #0d0e11);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n box-shadow:\n 0 30px 80px rgba(0,0,0,.45),\n inset 0 1px 0 rgba(255,255,255,.05);\n animation: vrrphaFadeLeft 1s .2s ease both;\n}\n\n.vrrpha-visual::before {\n content: \"\";\n position: absolute;\n width: 260px;\n height: 260px;\n border: 1px solid rgba(214,181,108,.16);\n border-radius: 50%;\n animation: vrrphaRotate 18s linear infinite;\n}\n\n.vrrpha-visual::after {\n content: \"\";\n position: absolute;\n width: 180px;\n height: 180px;\n border: 1px dashed rgba(255,255,255,.08);\n border-radius: 50%;\n animation: vrrphaRotate 12s linear infinite reverse;\n}\n\n@keyframes vrrphaRotate {\n to { transform: rotate(360deg); }\n}\n\n\/* Product placeholder *\/\n\n.vrrpha-product-icon {\n width: 210px;\n height: 120px;\n border-radius: 18px;\n background: linear-gradient(145deg, #22242a, #0b0c0e);\n border: 2px solid rgba(214,181,108,.55);\n box-shadow:\n 0 25px 60px rgba(0,0,0,.65),\n inset 0 1px 1px rgba(255,255,255,.15);\n position: relative;\n z-index: 2;\n transform: rotate(-5deg);\n transition: .5s ease;\n}\n\n.vrrpha-product-icon::before {\n content: \"\";\n position: absolute;\n width: 80px;\n height: 18px;\n background: #08090a;\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 10px;\n top: -10px;\n right: 30px;\n}\n\n.vrrpha-product-icon::after {\n content: \"VRRPHA\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n font-size: 14px;\n letter-spacing: 3px;\n color: #d6b56c;\n font-weight: 700;\n}\n\n.vrrpha-visual:hover .vrrpha-product-icon {\n transform: rotate(0deg) scale(1.07);\n}\n\n\/* Floating label *\/\n\n.vrrpha-floating-label {\n position: absolute;\n bottom: 24px;\n left: 24px;\n padding: 10px 15px;\n border-radius: 12px;\n background: rgba(0,0,0,.55);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,.1);\n color: #ddd;\n font-size: 12px;\n z-index: 4;\n}\n\n\/* Details *\/\n\n.vrrpha-details {\n animation: vrrphaFadeRight 1s .25s ease both;\n}\n\n.vrrpha-details h2 {\n font-size: 38px;\n margin: 0 0 15px;\n line-height: 1.1;\n}\n\n.vrrpha-details \u003e p {\n color: var(--muted);\n line-height: 1.7;\n font-size: 16px;\n margin-bottom: 25px;\n}\n\n\/* Feature list *\/\n\n.vrrpha-features {\n display: grid;\n gap: 12px;\n margin-bottom: 28px;\n}\n\n.vrrpha-feature {\n display: flex;\n align-items: center;\n gap: 13px;\n padding: 14px 16px;\n background: rgba(255,255,255,.035);\n border: 1px solid rgba(255,255,255,.07);\n border-radius: 14px;\n transition: .35s ease;\n}\n\n.vrrpha-feature:hover {\n transform: translateX(7px);\n border-color: rgba(214,181,108,.35);\n background: rgba(214,181,108,.055);\n}\n\n.vrrpha-feature-icon {\n width: 35px;\n height: 35px;\n min-width: 35px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(214,181,108,.1);\n color: #e1c477;\n font-size: 17px;\n}\n\n.vrrpha-feature strong {\n display: block;\n font-size: 14px;\n margin-bottom: 3px;\n}\n\n.vrrpha-feature small {\n color: #8f929a;\n font-size: 12px;\n}\n\n\/* Colour selector *\/\n\n.vrrpha-colours {\n margin-top: 22px;\n}\n\n.vrrpha-colours-title {\n color: #aaa;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 1.2px;\n margin-bottom: 12px;\n}\n\n.vrrpha-swatches {\n display: flex;\n gap: 10px;\n}\n\n.vrrpha-swatch {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n border: 2px solid rgba(255,255,255,.15);\n transition: .3s ease;\n position: relative;\n}\n\n.vrrpha-swatch:hover {\n transform: scale(1.15);\n border-color: #d6b56c;\n}\n\n.vrrpha-black { background:#111; }\n.vrrpha-grey { background:#777; }\n.vrrpha-green { background:#315640; }\n.vrrpha-orange { background:#c96b22; }\n\n\/* Benefits *\/\n\n.vrrpha-benefits {\n display: grid;\n grid-template-columns: repeat(3,1fr);\n gap: 16px;\n margin-bottom: 70px;\n}\n\n.vrrpha-benefit {\n text-align: center;\n padding: 28px 20px;\n border-radius: 20px;\n background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015));\n border: 1px solid rgba(255,255,255,.07);\n transition: .4s ease;\n animation: vrrphaFadeUp 1s ease both;\n}\n\n.vrrpha-benefit:nth-child(2) {\n animation-delay: .15s;\n}\n\n.vrrpha-benefit:nth-child(3) {\n animation-delay: .3s;\n}\n\n.vrrpha-benefit:hover {\n transform: translateY(-8px);\n border-color: rgba(214,181,108,.3);\n box-shadow: 0 18px 45px rgba(0,0,0,.25);\n}\n\n.vrrpha-benefit-icon {\n font-size: 30px;\n margin-bottom: 13px;\n}\n\n.vrrpha-benefit h3 {\n font-size: 16px;\n margin: 0 0 8px;\n}\n\n.vrrpha-benefit p {\n color: #8f929a;\n font-size: 13px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* Perfect for section *\/\n\n.vrrpha-perfect {\n padding: 55px 30px;\n border-radius: 28px;\n background:\n linear-gradient(135deg, rgba(214,181,108,.09), rgba(255,255,255,.025)),\n #111216;\n border: 1px solid rgba(214,181,108,.18);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vrrpha-perfect h2 {\n font-size: 35px;\n margin: 0 0 30px;\n}\n\n.vrrpha-perfect-grid {\n display: grid;\n grid-template-columns: repeat(4,1fr);\n gap: 15px;\n}\n\n.vrrpha-perfect-item {\n padding: 18px 10px;\n color: #c7c9ce;\n font-size: 13px;\n border-radius: 14px;\n background: rgba(255,255,255,.035);\n transition: .3s ease;\n}\n\n.vrrpha-perfect-item:hover {\n background: rgba(214,181,108,.08);\n transform: translateY(-4px);\n}\n\n\/* Box *\/\n\n.vrrpha-box {\n text-align: center;\n padding: 60px 20px 10px;\n}\n\n.vrrpha-box h2 {\n font-size: 32px;\n margin-bottom: 18px;\n}\n\n.vrrpha-box p {\n color: #999da5;\n font-size: 15px;\n}\n\n.vrrpha-box-list {\n display: inline-flex;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 20px;\n}\n\n.vrrpha-box-item {\n padding: 11px 17px;\n border-radius: 100px;\n background: rgba(255,255,255,.045);\n border: 1px solid rgba(255,255,255,.08);\n font-size: 12px;\n color: #ccc;\n}\n\n\/* South Africa *\/\n\n.vrrpha-sa {\n margin-top: 55px;\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,.07);\n}\n\n.vrrpha-sa-title {\n font-size: 14px;\n color: #ddd;\n font-weight: 700;\n letter-spacing: .5px;\n}\n\n.vrrpha-sa p {\n color: #7e8189;\n font-size: 12px;\n margin-top: 7px;\n}\n\n\/* Animations *\/\n\n@keyframes vrrphaFadeUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes vrrphaFadeLeft {\n from {\n opacity: 0;\n transform: translateX(-35px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes vrrphaFadeRight {\n from {\n opacity: 0;\n transform: translateX(35px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 800px) {\n\n .vrrpha-product {\n padding: 55px 16px;\n }\n\n .vrrpha-product-showcase {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .vrrpha-visual {\n min-height: 330px;\n }\n\n .vrrpha-benefits {\n grid-template-columns: 1fr;\n }\n\n .vrrpha-perfect-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .vrrpha-hero h1 {\n letter-spacing: -1.5px;\n }\n\n .vrrpha-details h2 {\n font-size: 30px;\n }\n\n}\n\n@media (max-width: 450px) {\n\n .vrrpha-perfect-grid {\n grid-template-columns: 1fr;\n }\n\n .vrrpha-visual {\n min-height: 290px;\n }\n\n .vrrpha-product-icon {\n transform: scale(.85) rotate(-5deg);\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vrrpha-product\"\u003e\n\n \u003cdiv class=\"vrrpha-container\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vrrpha-hero\"\u003e\n\n \u003cdiv class=\"vrrpha-badge\"\u003e\n \u003cspan\u003e●\u003c\/span\u003e\n Vrrpha Gadgets SA\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Keep Your Shades\u003cbr\u003e\n Within Reach.\n \u003c\/h1\u003e\n\n \u003cp\u003e\n Every drive. Every time. Meet the VizorVault Car Glasses Holder β€”\n the sleek way to keep your sunglasses secure, organised and\n right where you need them.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PRODUCT SHOWCASE --\u003e\n \u003cdiv class=\"vrrpha-product-showcase\"\u003e\n\n \u003cdiv class=\"vrrpha-visual\"\u003e\n\n \u003cdiv class=\"vrrpha-product-icon\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-floating-label\"\u003e\n Premium Interior Accessory\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vrrpha-details\"\u003e\n\n \u003ch2\u003e\n Your Shades.\u003cbr\u003e\n \u003cspan style=\"color:#d6b56c;\"\u003eAlways Ready.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Tired of tossing your sunglasses onto the seat or dashboard?\n VizorVault clips directly onto your sun visor, giving your\n eyewear a secure and convenient home while adding a premium\n touch to your interior.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"vrrpha-features\"\u003e\n\n \u003cdiv class=\"vrrpha-feature\"\u003e\n \u003cdiv class=\"vrrpha-feature-icon\"\u003eπŸ•ΆοΈ\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUniversal Eyewear Fit\u003c\/strong\u003e\n \u003csmall\u003eDesigned for sunglasses and everyday eyewear\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-feature\"\u003e\n \u003cdiv class=\"vrrpha-feature-icon\"\u003eπŸš—\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUniversal Car Fit\u003c\/strong\u003e\n \u003csmall\u003eCompatible with virtually all vehicle interiors\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-feature\"\u003e\n \u003cdiv class=\"vrrpha-feature-icon\"\u003eπŸ’Ž\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePremium PU Leather\u003c\/strong\u003e\n \u003csmall\u003eSoft-touch finish with a refined look\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-feature\"\u003e\n \u003cdiv class=\"vrrpha-feature-icon\"\u003eπŸ”’\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eStrong Metal Clip\u003c\/strong\u003e\n \u003csmall\u003eFirm grip helps keep your holder securely in place\u003c\/small\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vrrpha-colours\"\u003e\n\n \u003cdiv class=\"vrrpha-colours-title\"\u003e\n Available Colours\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-swatches\"\u003e\n\n \u003cdiv class=\"vrrpha-swatch vrrpha-black\" title=\"Black\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-swatch vrrpha-grey\" title=\"Grey\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-swatch vrrpha-green\" title=\"Green\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-swatch vrrpha-orange\" title=\"Orange\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n \u003cdiv class=\"vrrpha-benefits\"\u003e\n\n \u003cdiv class=\"vrrpha-benefit\"\u003e\n\n \u003cdiv class=\"vrrpha-benefit-icon\"\u003e⚑\u003c\/div\u003e\n\n \u003ch3\u003eInstalls In Seconds\u003c\/h3\u003e\n\n \u003cp\u003e\n Simply clip it onto your visor. No tools,\n drilling or complicated installation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vrrpha-benefit\"\u003e\n\n \u003cdiv class=\"vrrpha-benefit-icon\"\u003e✨\u003c\/div\u003e\n\n \u003ch3\u003eClean \u0026amp; Organised\u003c\/h3\u003e\n\n \u003cp\u003e\n Keep your sunglasses off the dashboard\n and create a cleaner-looking interior.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vrrpha-benefit\"\u003e\n\n \u003cdiv class=\"vrrpha-benefit-icon\"\u003eπŸ›‘οΈ\u003c\/div\u003e\n\n \u003ch3\u003eSecure Your Shades\u003c\/h3\u003e\n\n \u003cp\u003e\n Keep your eyewear within easy reach\n while you're on the road.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PERFECT FOR --\u003e\n \u003cdiv class=\"vrrpha-perfect\"\u003e\n\n \u003ch2\u003eMade For Every Driver\u003c\/h2\u003e\n\n \u003cdiv class=\"vrrpha-perfect-grid\"\u003e\n\n \u003cdiv class=\"vrrpha-perfect-item\"\u003e\n 🚘 Daily Commuters\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-perfect-item\"\u003e\n 🏁 Car Enthusiasts\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-perfect-item\"\u003e\n πŸ•ΆοΈ Sunglasses Lovers\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-perfect-item\"\u003e\n 🎁 Perfect Driver Gift\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- WHAT'S IN THE BOX --\u003e\n \u003cdiv class=\"vrrpha-box\"\u003e\n\n \u003ch2\u003eWhat's In The Box?\u003c\/h2\u003e\n\n \u003cp\u003e\n Everything you need to keep your shades organised on the road.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vrrpha-box-list\"\u003e\n\n \u003cdiv class=\"vrrpha-box-item\"\u003e\n βœ“ 1Γ— VizorVault Car Glasses Holder\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-box-item\"\u003e\n βœ“ Black\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-box-item\"\u003e\n βœ“ Grey\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-box-item\"\u003e\n βœ“ Green\n \u003c\/div\u003e\n\n \u003cdiv class=\"vrrpha-box-item\"\u003e\n βœ“ Orange\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BRAND --\u003e\n \u003cdiv class=\"vrrpha-sa\"\u003e\n\n \u003cdiv class=\"vrrpha-sa-title\"\u003e\n Proudly brought to you by Vrrpha Gadgets SA πŸ‡ΏπŸ‡¦\n \u003c\/div\u003e\n\n \u003cp\u003e\n Your ride. Your style. Your gadgets.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Black","offer_id":48455365853373,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":48455365886141,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":48455365918909,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true},{"title":"Orange","offer_id":48455365951677,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/vizorvault-black-clean-product-photo_9e030587-2364-426f-aff2-84846413a9be.png?v=1789571132"},{"product_id":"visorvanity-led-car-makeup-mirror","title":"VisorVanity β€” LED Car Makeup Mirror","description":"\u003cstyle\u003e\n\/* =========================================================\n VRRPHA GADGETS SA\n VISORVANITY LED CAR MAKEUP MIRROR\n PREMIUM ANIMATED SHOPIFY SECTION\n========================================================= *\/\n\n.vv-premium {\n --vv-bg: #08090b;\n --vv-bg2: #111216;\n --vv-card: rgba(255,255,255,.045);\n --vv-card-hover: rgba(255,255,255,.075);\n --vv-white: #ffffff;\n --vv-soft: #d9d9dd;\n --vv-muted: #999ca5;\n --vv-pink: #e7a9bd;\n --vv-pink-light: #ffdce8;\n --vv-gold: #d8b66c;\n --vv-border: rgba(255,255,255,.09);\n\n position: relative;\n overflow: hidden;\n background:\n radial-gradient(circle at 12% 15%, rgba(231,169,189,.12), transparent 28%),\n radial-gradient(circle at 90% 70%, rgba(216,182,108,.07), transparent 25%),\n linear-gradient(145deg, #07080a 0%, #101116 52%, #08090b 100%);\n color: var(--vv-white);\n padding: 85px 20px;\n font-family: Arial, Helvetica, sans-serif;\n}\n\n.vv-premium *,\n.vv-premium *::before,\n.vv-premium *::after {\n box-sizing: border-box;\n}\n\n.vv-container {\n max-width: 1180px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n}\n\n\/* =========================================================\n BACKGROUND ORBS\n========================================================= *\/\n\n.vv-orb {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n filter: blur(75px);\n opacity: .5;\n}\n\n.vv-orb-1 {\n width: 260px;\n height: 260px;\n background: rgba(231,169,189,.10);\n top: 5%;\n left: -100px;\n animation: vvFloat1 8s ease-in-out infinite alternate;\n}\n\n.vv-orb-2 {\n width: 300px;\n height: 300px;\n background: rgba(216,182,108,.07);\n right: -130px;\n top: 45%;\n animation: vvFloat2 10s ease-in-out infinite alternate;\n}\n\n@keyframes vvFloat1 {\n from { transform: translate(0,0); }\n to { transform: translate(40px,35px); }\n}\n\n@keyframes vvFloat2 {\n from { transform: translate(0,0); }\n to { transform: translate(-35px,-30px); }\n}\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.vv-hero {\n text-align: center;\n margin-bottom: 65px;\n}\n\n.vv-brand-pill {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 9px 17px;\n border: 1px solid rgba(231,169,189,.30);\n border-radius: 100px;\n background: rgba(231,169,189,.06);\n color: var(--vv-pink-light);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n margin-bottom: 24px;\n animation: vvFadeUp .8s ease both;\n}\n\n.vv-brand-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--vv-pink);\n box-shadow: 0 0 14px var(--vv-pink);\n animation: vvPulse 2s infinite;\n}\n\n@keyframes vvPulse {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .4; transform: scale(.7); }\n}\n\n.vv-hero h1 {\n max-width: 950px;\n margin: 0 auto 20px;\n font-size: clamp(40px, 6vw, 72px);\n line-height: 1.02;\n letter-spacing: -3px;\n font-weight: 800;\n\n background:\n linear-gradient(\n 110deg,\n #fff 10%,\n #fff 35%,\n #ffd9e6 50%,\n #d8b66c 66%,\n #fff 85%\n );\n\n background-size: 250% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation:\n vvFadeUp .9s ease both,\n vvShimmer 7s linear infinite;\n}\n\n@keyframes vvShimmer {\n to {\n background-position: 250% center;\n }\n}\n\n.vv-hero p {\n max-width: 700px;\n margin: auto;\n color: var(--vv-muted);\n font-size: 17px;\n line-height: 1.75;\n animation: vvFadeUp 1s .15s ease both;\n}\n\n\/* =========================================================\n MAIN PRODUCT AREA\n========================================================= *\/\n\n.vv-showcase {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 55px;\n align-items: center;\n margin-bottom: 80px;\n}\n\n\/* =========================================================\n MIRROR VISUAL\n========================================================= *\/\n\n.vv-visual {\n min-height: 500px;\n border-radius: 30px;\n border: 1px solid var(--vv-border);\n\n background:\n radial-gradient(\n circle at center,\n rgba(231,169,189,.12),\n transparent 34%\n ),\n linear-gradient(145deg,#18191e,#0b0c0f);\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: relative;\n overflow: hidden;\n\n box-shadow:\n 0 35px 90px rgba(0,0,0,.55),\n inset 0 1px 0 rgba(255,255,255,.05);\n\n animation: vvFadeLeft 1s .15s ease both;\n}\n\n\/* Decorative circles *\/\n\n.vv-ring {\n position: absolute;\n border-radius: 50%;\n border: 1px solid rgba(231,169,189,.14);\n}\n\n.vv-ring-1 {\n width: 330px;\n height: 330px;\n animation: vvRotate 18s linear infinite;\n}\n\n.vv-ring-2 {\n width: 430px;\n height: 430px;\n border-style: dashed;\n border-color: rgba(216,182,108,.08);\n animation: vvRotate 25s linear infinite reverse;\n}\n\n@keyframes vvRotate {\n to { transform: rotate(360deg); }\n}\n\n\/* =========================================================\n PRODUCT MIRROR\n========================================================= *\/\n\n.vv-mirror {\n width: 235px;\n height: 345px;\n padding: 12px;\n border-radius: 20px;\n\n background:\n linear-gradient(145deg,#25262c,#090a0c);\n\n border: 2px solid rgba(255,255,255,.14);\n\n box-shadow:\n 0 30px 60px rgba(0,0,0,.7),\n 0 0 50px rgba(231,169,189,.08),\n inset 0 1px 1px rgba(255,255,255,.2);\n\n position: relative;\n z-index: 3;\n\n transform: perspective(900px) rotateY(-7deg) rotateX(2deg);\n\n transition:\n transform .7s ease,\n box-shadow .7s ease;\n\n animation: vvMirrorFloat 4s ease-in-out infinite;\n}\n\n.vv-visual:hover .vv-mirror {\n transform:\n perspective(900px)\n rotateY(0deg)\n rotateX(0deg)\n scale(1.04);\n\n box-shadow:\n 0 40px 80px rgba(0,0,0,.7),\n 0 0 65px rgba(231,169,189,.16);\n}\n\n@keyframes vvMirrorFloat {\n 0%,100% { margin-top: 0; }\n 50% { margin-top: -12px; }\n}\n\n\/* Mirror surface *\/\n\n.vv-mirror-surface {\n width: 100%;\n height: 100%;\n border-radius: 12px;\n\n background:\n radial-gradient(\n circle at 35% 25%,\n rgba(255,255,255,.20),\n transparent 22%\n ),\n linear-gradient(\n 135deg,\n #25272b,\n #111318 50%,\n #25272b\n );\n\n border: 1px solid rgba(255,255,255,.12);\n\n position: relative;\n overflow: hidden;\n}\n\n\/* LED glow *\/\n\n.vv-led {\n position: absolute;\n inset: 8px;\n border-radius: 10px;\n border: 3px solid rgba(255,220,232,.55);\n\n box-shadow:\n 0 0 10px rgba(255,220,232,.35),\n inset 0 0 10px rgba(255,220,232,.1);\n\n animation: vvLedGlow 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes vvLedGlow {\n from {\n box-shadow:\n 0 0 8px rgba(255,220,232,.25),\n inset 0 0 8px rgba(255,220,232,.06);\n }\n\n to {\n box-shadow:\n 0 0 25px rgba(255,220,232,.60),\n inset 0 0 16px rgba(255,220,232,.15);\n }\n}\n\n\/* Mirror shine *\/\n\n.vv-shine {\n position: absolute;\n width: 90px;\n height: 400px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.09),\n transparent\n );\n transform: rotate(25deg);\n left: -150px;\n top: -30px;\n animation: vvShine 5s ease-in-out infinite;\n}\n\n@keyframes vvShine {\n 0%,35% { left:-150px; }\n 65%,100% { left:280px; }\n}\n\n\/* Mirror details *\/\n\n.vv-mirror-brand {\n position: absolute;\n top: 27px;\n width: 100%;\n text-align: center;\n font-size: 9px;\n letter-spacing: 3px;\n color: rgba(255,255,255,.45);\n}\n\n.vv-touch {\n position: absolute;\n bottom: 22px;\n left: 50%;\n transform: translateX(-50%);\n\n display: flex;\n gap: 8px;\n}\n\n.vv-touch span {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #e8b4c5;\n box-shadow: 0 0 9px rgba(231,169,189,.8);\n}\n\n\/* =========================================================\n FLOATING PRODUCT LABELS\n========================================================= *\/\n\n.vv-float-label {\n position: absolute;\n z-index: 5;\n\n padding: 12px 15px;\n border-radius: 13px;\n\n background: rgba(10,10,12,.72);\n backdrop-filter: blur(14px);\n\n border: 1px solid rgba(255,255,255,.10);\n\n font-size: 11px;\n color: #d7d7db;\n\n box-shadow: 0 15px 35px rgba(0,0,0,.3);\n}\n\n.vv-label-top {\n top: 30px;\n right: 25px;\n animation: vvFloatLabel 3.5s ease-in-out infinite;\n}\n\n.vv-label-bottom {\n bottom: 30px;\n left: 25px;\n animation: vvFloatLabel 4s .8s ease-in-out infinite;\n}\n\n@keyframes vvFloatLabel {\n 0%,100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n}\n\n\/* =========================================================\n PRODUCT DETAILS\n========================================================= *\/\n\n.vv-details {\n animation: vvFadeRight 1s .25s ease both;\n}\n\n.vv-details h2 {\n font-size: clamp(32px,4vw,46px);\n line-height: 1.08;\n letter-spacing: -1.5px;\n margin: 0 0 18px;\n}\n\n.vv-pink-text {\n color: var(--vv-pink);\n}\n\n.vv-details \u003e p {\n color: var(--vv-muted);\n font-size: 16px;\n line-height: 1.75;\n margin-bottom: 28px;\n}\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.vv-features {\n display: grid;\n gap: 11px;\n}\n\n.vv-feature {\n display: flex;\n align-items: center;\n gap: 14px;\n\n padding: 14px 15px;\n\n border-radius: 15px;\n\n background: var(--vv-card);\n border: 1px solid rgba(255,255,255,.065);\n\n transition:\n transform .35s ease,\n background .35s ease,\n border-color .35s ease;\n}\n\n.vv-feature:hover {\n transform: translateX(8px);\n background: var(--vv-card-hover);\n border-color: rgba(231,169,189,.28);\n}\n\n.vv-feature-icon {\n width: 39px;\n height: 39px;\n min-width: 39px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 11px;\n\n background: rgba(231,169,189,.08);\n font-size: 18px;\n\n box-shadow:\n inset 0 0 15px rgba(231,169,189,.04);\n}\n\n.vv-feature strong {\n display: block;\n font-size: 13px;\n margin-bottom: 4px;\n}\n\n.vv-feature small {\n color: #8d9098;\n font-size: 11px;\n}\n\n\/* =========================================================\n LIGHT MODES\n========================================================= *\/\n\n.vv-light-section {\n margin-top: 25px;\n}\n\n.vv-light-title {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1.4px;\n color: #9c9ea5;\n margin-bottom: 12px;\n}\n\n.vv-light-modes {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.vv-mode {\n padding: 9px 13px;\n border-radius: 100px;\n\n font-size: 11px;\n color: #c9cbd0;\n\n border: 1px solid rgba(255,255,255,.08);\n background: rgba(255,255,255,.035);\n\n transition: .3s ease;\n}\n\n.vv-mode:hover {\n border-color: rgba(231,169,189,.35);\n transform: translateY(-3px);\n}\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.vv-benefits {\n display: grid;\n grid-template-columns: repeat(3,1fr);\n gap: 16px;\n margin-bottom: 70px;\n}\n\n.vv-benefit {\n position: relative;\n overflow: hidden;\n\n text-align: center;\n\n padding: 30px 20px;\n\n border-radius: 21px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.06),\n rgba(255,255,255,.018)\n );\n\n border: 1px solid rgba(255,255,255,.075);\n\n transition:\n transform .4s ease,\n border-color .4s ease,\n box-shadow .4s ease;\n\n animation: vvFadeUp 1s ease both;\n}\n\n.vv-benefit:nth-child(2) {\n animation-delay: .12s;\n}\n\n.vv-benefit:nth-child(3) {\n animation-delay: .24s;\n}\n\n.vv-benefit:hover {\n transform: translateY(-9px);\n border-color: rgba(231,169,189,.28);\n box-shadow: 0 25px 55px rgba(0,0,0,.3);\n}\n\n.vv-benefit-icon {\n font-size: 31px;\n margin-bottom: 14px;\n}\n\n.vv-benefit h3 {\n font-size: 16px;\n margin: 0 0 9px;\n}\n\n.vv-benefit p {\n color: #888b94;\n font-size: 12px;\n line-height: 1.65;\n margin: 0;\n}\n\n\/* =========================================================\n PERFECT FOR\n========================================================= *\/\n\n.vv-perfect {\n border-radius: 28px;\n padding: 55px 30px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(231,169,189,.08),\n transparent 45%\n ),\n rgba(255,255,255,.025);\n\n border: 1px solid rgba(255,255,255,.075);\n\n text-align: center;\n\n margin-bottom: 65px;\n}\n\n.vv-perfect h2 {\n font-size: 34px;\n letter-spacing: -1px;\n margin: 0 0 30px;\n}\n\n.vv-perfect-grid {\n display: grid;\n grid-template-columns: repeat(4,1fr);\n gap: 13px;\n}\n\n.vv-perfect-item {\n padding: 18px 10px;\n border-radius: 14px;\n\n background: rgba(255,255,255,.035);\n border: 1px solid rgba(255,255,255,.06);\n\n font-size: 12px;\n color: #c6c7cc;\n\n transition: .35s ease;\n}\n\n.vv-perfect-item:hover {\n transform: translateY(-5px);\n background: rgba(231,169,189,.06);\n border-color: rgba(231,169,189,.25);\n}\n\n\/* =========================================================\n WHAT'S IN BOX\n========================================================= *\/\n\n.vv-box {\n text-align: center;\n}\n\n.vv-box h2 {\n font-size: 31px;\n margin: 0 0 12px;\n}\n\n.vv-box \u003e p {\n color: #888b93;\n font-size: 14px;\n margin-bottom: 23px;\n}\n\n.vv-box-item {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n\n margin: 5px;\n padding: 11px 16px;\n\n border-radius: 100px;\n\n background: rgba(255,255,255,.04);\n border: 1px solid rgba(255,255,255,.075);\n\n color: #c8c9ce;\n font-size: 11px;\n\n transition: .3s ease;\n}\n\n.vv-box-item:hover {\n transform: translateY(-3px);\n border-color: rgba(231,169,189,.25);\n}\n\n\/* =========================================================\n BATTERY NOTICE\n========================================================= *\/\n\n.vv-notice {\n max-width: 560px;\n margin: 25px auto 0;\n\n padding: 13px 17px;\n\n border-radius: 13px;\n\n background: rgba(216,182,108,.055);\n border: 1px solid rgba(216,182,108,.14);\n\n color: #bdb49d;\n\n font-size: 11px;\n}\n\n\/* =========================================================\n SOUTH AFRICAN BRAND\n========================================================= *\/\n\n.vv-footer-brand {\n margin-top: 55px;\n padding-top: 30px;\n\n border-top: 1px solid rgba(255,255,255,.07);\n\n text-align: center;\n}\n\n.vv-footer-brand strong {\n display: block;\n color: #dedee2;\n font-size: 14px;\n letter-spacing: .4px;\n}\n\n.vv-footer-brand span {\n display: block;\n color: #7f828a;\n font-size: 11px;\n margin-top: 7px;\n}\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes vvFadeUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes vvFadeLeft {\n from {\n opacity: 0;\n transform: translateX(-35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes vvFadeRight {\n from {\n opacity: 0;\n transform: translateX(35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width: 800px) {\n\n .vv-premium {\n padding: 60px 15px;\n }\n\n .vv-hero {\n margin-bottom: 45px;\n }\n\n .vv-hero h1 {\n letter-spacing: -1.8px;\n }\n\n .vv-hero p {\n font-size: 15px;\n }\n\n .vv-showcase {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n\n .vv-visual {\n min-height: 420px;\n }\n\n .vv-benefits {\n grid-template-columns: 1fr;\n }\n\n .vv-perfect-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n}\n\n@media(max-width: 480px) {\n\n .vv-visual {\n min-height: 360px;\n }\n\n .vv-mirror {\n width: 190px;\n height: 285px;\n }\n\n .vv-ring-1 {\n width: 260px;\n height: 260px;\n }\n\n .vv-ring-2 {\n width: 330px;\n height: 330px;\n }\n\n .vv-label-top {\n right: 12px;\n top: 18px;\n }\n\n .vv-label-bottom {\n left: 12px;\n bottom: 18px;\n }\n\n .vv-perfect {\n padding: 40px 18px;\n }\n\n .vv-perfect h2 {\n font-size: 28px;\n }\n\n .vv-perfect-grid {\n grid-template-columns: 1fr;\n }\n\n .vv-details h2 {\n font-size: 31px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vv-premium\"\u003e\n\n \u003c!-- Animated background --\u003e\n \u003cdiv class=\"vv-orb vv-orb-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vv-orb vv-orb-2\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vv-container\"\u003e\n\n \u003c!-- ================= HERO ================= --\u003e\n\n \u003cdiv class=\"vv-hero\"\u003e\n\n \u003cdiv class=\"vv-brand-pill\"\u003e\n \u003cspan class=\"vv-brand-dot\"\u003e\u003c\/span\u003e\n VRRPHA GADGETS SA\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Look Your Best.\u003cbr\u003e\n Anywhere. Anytime.\n \u003c\/h1\u003e\n\n \u003cp\u003e\n Meet the VisorVanity LED Car Makeup Mirror β€”\n your personal illuminated beauty mirror designed\n to keep you looking flawless, even when you're on the go.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ================= SHOWCASE ================= --\u003e\n\n \u003cdiv class=\"vv-showcase\"\u003e\n\n \u003c!-- PRODUCT VISUAL --\u003e\n\n \u003cdiv class=\"vv-visual\"\u003e\n\n \u003cdiv class=\"vv-ring vv-ring-1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vv-ring vv-ring-2\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vv-float-label vv-label-top\"\u003e\n ✨ LED Illuminated\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-float-label vv-label-bottom\"\u003e\n πŸ’„ Your Personal Car Vanity\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-mirror\"\u003e\n\n \u003cdiv class=\"vv-mirror-surface\"\u003e\n\n \u003cdiv class=\"vv-led\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vv-shine\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vv-mirror-brand\"\u003e\n VISORVANITY\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-touch\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PRODUCT DETAILS --\u003e\n\n \u003cdiv class=\"vv-details\"\u003e\n\n \u003ch2\u003e\n Your Beauty Routine.\u003cbr\u003e\n \u003cspan class=\"vv-pink-text\"\u003e\n Upgraded.\n \u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Whether you're heading to work, meeting friends,\n going on a date or getting ready for a night out,\n VisorVanity gives you a convenient mirror and\n adjustable lighting directly from your car visor.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"vv-features\"\u003e\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸ’‘\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e3 Light Modes\u003c\/strong\u003e\n\n \u003csmall\u003e\n Cool White, Natural Light \u0026amp; Warm Light\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸ”†\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003eAdjustable Brightness\u003c\/strong\u003e\n\n \u003csmall\u003e\n Low, Medium \u0026amp; High brightness levels\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸ‘†\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003eTouch Controls\u003c\/strong\u003e\n\n \u003csmall\u003e\n Tap to change your lighting with ease\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸš—\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003eUniversal Visor Fit\u003c\/strong\u003e\n\n \u003csmall\u003e\n Clips securely onto virtually any car visor\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003eLarge 20 Γ— 11.5cm Mirror\u003c\/strong\u003e\n\n \u003csmall\u003e\n Wide-view surface to help you see every detail\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-feature\"\u003e\n\n \u003cdiv class=\"vv-feature-icon\"\u003e\n πŸ”‹\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003eBattery Powered\u003c\/strong\u003e\n\n \u003csmall\u003e\n Uses 4 Γ— AAA batteries β€” no charging required\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- LIGHT MODES --\u003e\n\n \u003cdiv class=\"vv-light-section\"\u003e\n\n \u003cdiv class=\"vv-light-title\"\u003e\n Choose Your Lighting\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-light-modes\"\u003e\n\n \u003cdiv class=\"vv-mode\"\u003e\n ❄️ Cool White\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-mode\"\u003e\n β˜€οΈ Natural Light\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-mode\"\u003e\n 🌸 Warm Light\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ================= BENEFITS ================= --\u003e\n\n \u003cdiv class=\"vv-benefits\"\u003e\n\n \u003cdiv class=\"vv-benefit\"\u003e\n\n \u003cdiv class=\"vv-benefit-icon\"\u003e\n πŸ’„\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Touch Up Anywhere\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Get ready before arriving at work,\n dinner, a date or your next event.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-benefit\"\u003e\n\n \u003cdiv class=\"vv-benefit-icon\"\u003e\n ✨\n \u003c\/div\u003e\n\n \u003ch3\u003e\n See Every Detail\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The wide-view mirror and adjustable\n LED lighting help illuminate your look.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-benefit\"\u003e\n\n \u003cdiv class=\"vv-benefit-icon\"\u003e\n πŸš—\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Designed For Your Car\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Simply clip it onto your sun visor\n and create your own personal vanity.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ================= PERFECT FOR ================= --\u003e\n\n \u003cdiv class=\"vv-perfect\"\u003e\n\n \u003ch2\u003e\n Perfect For Every Moment\n \u003c\/h2\u003e\n\n \u003cdiv class=\"vv-perfect-grid\"\u003e\n\n \u003cdiv class=\"vv-perfect-item\"\u003e\n πŸ’Ό Morning Commutes\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-perfect-item\"\u003e\n πŸ’• Date Nights\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-perfect-item\"\u003e\n πŸŽ‰ Functions \u0026amp; Events\n \u003c\/div\u003e\n\n \u003cdiv class=\"vv-perfect-item\"\u003e\n πŸŒ™ Night Outs\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ================= BOX ================= --\u003e\n\n \u003cdiv class=\"vv-box\"\u003e\n\n \u003ch2\u003e\n What's In The Box?\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Everything you need to create your own\n car vanity setup.\n \u003c\/p\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"vv-box-item\"\u003e\n βœ“ 1 Γ— VisorVanity LED Car Makeup Mirror\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vv-notice\"\u003e\n πŸ”‹ \u003cstrong\u003eBattery Note:\u003c\/strong\u003e\n 4 Γ— AAA batteries are required and are\n not included with the product.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ================= BRAND FOOTER ================= --\u003e\n\n \u003cdiv class=\"vv-footer-brand\"\u003e\n\n \u003cstrong\u003e\n Proudly brought to you by Vrrpha Gadgets SA πŸ‡ΏπŸ‡¦\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Your ride. Your style. Your gadgets.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Default Title","offer_id":48460549882045,"sku":null,"price":300.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/option-3.png?v=1789720935"},{"product_id":"swiftclean-360-rotating-car-wash-mop","title":"SwiftClean β€” 360Β° Rotating Car Wash Mop","description":"\u003cstyle\u003e\n\/* =========================================================\n VRRPHA GADGETS SA\n SWIFTCLEAN 360Β° ROTATING CAR WASH MOP\n PREMIUM ANIMATED SHOPIFY CUSTOM LIQUID\n========================================================= *\/\n\n.vrrpha-swiftclean {\n --sc-black: #050607;\n --sc-dark: #0b0e12;\n --sc-card: rgba(255,255,255,.045);\n --sc-card-hover: rgba(255,255,255,.075);\n --sc-white: #ffffff;\n --sc-light: #e7e9ed;\n --sc-muted: #9298a2;\n --sc-blue: #00a8ff;\n --sc-blue-light: #65d4ff;\n --sc-orange: #ff8a00;\n --sc-orange-light: #ffb347;\n --sc-border: rgba(255,255,255,.09);\n\n position: relative;\n overflow: hidden;\n padding: 85px 20px;\n color: var(--sc-white);\n font-family: Arial, Helvetica, sans-serif;\n\n background:\n radial-gradient(\n circle at 10% 15%,\n rgba(0,168,255,.13),\n transparent 28%\n ),\n radial-gradient(\n circle at 90% 70%,\n rgba(255,138,0,.09),\n transparent 27%\n ),\n linear-gradient(\n 145deg,\n #040506 0%,\n #0b0e12 50%,\n #050607 100%\n );\n}\n\n.vrrpha-swiftclean *,\n.vrrpha-swiftclean *::before,\n.vrrpha-swiftclean *::after {\n box-sizing: border-box;\n}\n\n.sc-container {\n max-width: 1180px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n}\n\n\/* =========================================================\n ANIMATED BACKGROUND\n========================================================= *\/\n\n.sc-bg-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n pointer-events: none;\n}\n\n.sc-orb-blue {\n width: 280px;\n height: 280px;\n background: rgba(0,168,255,.10);\n left: -120px;\n top: 8%;\n animation: scOrbBlue 8s ease-in-out infinite alternate;\n}\n\n.sc-orb-orange {\n width: 300px;\n height: 300px;\n background: rgba(255,138,0,.07);\n right: -140px;\n bottom: 10%;\n animation: scOrbOrange 9s ease-in-out infinite alternate;\n}\n\n@keyframes scOrbBlue {\n from {\n transform: translate(0,0) scale(1);\n }\n to {\n transform: translate(50px,35px) scale(1.12);\n }\n}\n\n@keyframes scOrbOrange {\n from {\n transform: translate(0,0) scale(1);\n }\n to {\n transform: translate(-40px,-35px) scale(1.08);\n }\n}\n\n\/* =========================================================\n TOP BRAND BADGE\n========================================================= *\/\n\n.sc-brand-pill {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n\n padding: 9px 17px;\n\n border-radius: 100px;\n\n border: 1px solid rgba(0,168,255,.28);\n\n background:\n linear-gradient(\n 90deg,\n rgba(0,168,255,.07),\n rgba(255,138,0,.05)\n );\n\n color: #d7eefe;\n\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n\n animation: scFadeUp .8s ease both;\n}\n\n.sc-brand-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n\n background: var(--sc-blue);\n\n box-shadow:\n 0 0 8px var(--sc-blue),\n 0 0 18px rgba(0,168,255,.6);\n\n animation: scPulse 2s infinite;\n}\n\n@keyframes scPulse {\n 0%,100% {\n opacity: 1;\n transform: scale(1);\n }\n\n 50% {\n opacity: .45;\n transform: scale(.7);\n }\n}\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.sc-hero {\n text-align: center;\n margin-bottom: 65px;\n}\n\n.sc-hero h1 {\n max-width: 1000px;\n\n margin: 23px auto 20px;\n\n font-size: clamp(40px,6vw,73px);\n\n line-height: 1.02;\n\n letter-spacing: -3px;\n\n font-weight: 850;\n\n background:\n linear-gradient(\n 110deg,\n #ffffff 10%,\n #ffffff 34%,\n #75d8ff 49%,\n #00a8ff 57%,\n #ff9b21 72%,\n #ffffff 88%\n );\n\n background-size: 250% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation:\n scFadeUp .9s ease both,\n scTextShimmer 7s linear infinite;\n}\n\n@keyframes scTextShimmer {\n to {\n background-position: 250% center;\n }\n}\n\n.sc-hero p {\n max-width: 720px;\n\n margin: auto;\n\n color: var(--sc-muted);\n\n font-size: 17px;\n\n line-height: 1.75;\n\n animation: scFadeUp 1s .15s ease both;\n}\n\n\/* =========================================================\n SHOWCASE\n========================================================= *\/\n\n.sc-showcase {\n display: grid;\n\n grid-template-columns: 1fr 1fr;\n\n gap: 55px;\n\n align-items: center;\n\n margin-bottom: 80px;\n}\n\n\/* =========================================================\n PRODUCT VISUAL\n========================================================= *\/\n\n.sc-product-stage {\n min-height: 500px;\n\n border-radius: 30px;\n\n border: 1px solid var(--sc-border);\n\n background:\n radial-gradient(\n circle at center,\n rgba(0,168,255,.10),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #15191e,\n #080a0d\n );\n\n position: relative;\n\n overflow: hidden;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n box-shadow:\n 0 35px 90px rgba(0,0,0,.55),\n inset 0 1px 0 rgba(255,255,255,.06);\n\n animation: scFadeLeft 1s .15s ease both;\n}\n\n\/* =========================================================\n ROTATING 360Β° RINGS\n========================================================= *\/\n\n.sc-ring {\n position: absolute;\n\n border-radius: 50%;\n\n border: 1px solid rgba(0,168,255,.16);\n}\n\n.sc-ring-1 {\n width: 350px;\n height: 350px;\n\n animation: scRotate 18s linear infinite;\n}\n\n.sc-ring-2 {\n width: 430px;\n height: 430px;\n\n border-style: dashed;\n\n border-color: rgba(255,138,0,.09);\n\n animation:\n scRotate 25s linear infinite reverse;\n}\n\n@keyframes scRotate {\n to {\n transform: rotate(360deg);\n }\n}\n\n\/* =========================================================\n MOP VISUAL\n========================================================= *\/\n\n.sc-mop {\n position: relative;\n\n width: 280px;\n height: 380px;\n\n z-index: 4;\n\n transform:\n perspective(900px)\n rotateY(-12deg)\n rotateX(4deg)\n rotateZ(-4deg);\n\n animation: scMopFloat 4s ease-in-out infinite;\n\n transition:\n transform .7s ease,\n filter .7s ease;\n}\n\n.sc-product-stage:hover .sc-mop {\n transform:\n perspective(900px)\n rotateY(0deg)\n rotateX(0deg)\n rotateZ(0deg)\n scale(1.05);\n}\n\n@keyframes scMopFloat {\n\n 0%,100% {\n transform:\n perspective(900px)\n rotateY(-12deg)\n rotateX(4deg)\n rotateZ(-4deg)\n translateY(0);\n }\n\n 50% {\n transform:\n perspective(900px)\n rotateY(-8deg)\n rotateX(3deg)\n rotateZ(-4deg)\n translateY(-12px);\n }\n}\n\n\/* Mop pole *\/\n\n.sc-pole {\n position: absolute;\n\n width: 15px;\n height: 310px;\n\n left: 50%;\n top: 52px;\n\n transform: translateX(-50%);\n\n border-radius: 100px;\n\n background:\n linear-gradient(\n 90deg,\n #555b62,\n #e2e5e8 35%,\n #858b91 60%,\n #34383d\n );\n\n box-shadow:\n 0 15px 30px rgba(0,0,0,.45),\n inset 1px 0 rgba(255,255,255,.6);\n}\n\n\/* Pole grip *\/\n\n.sc-grip {\n position: absolute;\n\n width: 26px;\n height: 75px;\n\n left: 50%;\n top: 35px;\n\n transform: translateX(-50%);\n\n border-radius: 12px;\n\n background:\n linear-gradient(\n 90deg,\n #15181c,\n #4a5057,\n #15181c\n );\n\n box-shadow:\n 0 8px 20px rgba(0,0,0,.5);\n}\n\n\/* Mop head *\/\n\n.sc-mop-head {\n position: absolute;\n\n width: 240px;\n height: 90px;\n\n left: 50%;\n\n bottom: 25px;\n\n transform: translateX(-50%);\n\n border-radius:\n 45px\n 45px\n 28px\n 28px;\n\n background:\n linear-gradient(\n 180deg,\n #e7e9eb,\n #bfc4c8 45%,\n #858c92\n );\n\n border: 2px solid rgba(255,255,255,.18);\n\n box-shadow:\n 0 22px 40px rgba(0,0,0,.55),\n inset 0 2px 2px rgba(255,255,255,.7);\n}\n\n\/* Chenille fibres *\/\n\n.sc-mop-head::before {\n content: \"\";\n\n position: absolute;\n\n left: 8px;\n right: 8px;\n bottom: -18px;\n\n height: 35px;\n\n border-radius: 0 0 30px 30px;\n\n background:\n repeating-linear-gradient(\n 90deg,\n #cbd0d4 0px,\n #cbd0d4 5px,\n #8f969c 6px,\n #e4e6e8 9px\n );\n\n filter: blur(.2px);\n}\n\n\/* 360 badge *\/\n\n.sc-360 {\n position: absolute;\n\n right: 32px;\n top: 34px;\n\n width: 78px;\n height: 78px;\n\n border-radius: 50%;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n text-align: center;\n\n font-size: 12px;\n\n font-weight: 800;\n\n line-height: 1.15;\n\n color: #fff;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,168,255,.18),\n rgba(255,138,0,.12)\n );\n\n border:\n 1px solid rgba(0,168,255,.35);\n\n box-shadow:\n 0 0 30px rgba(0,168,255,.10);\n\n animation: sc360Pulse 2.5s ease-in-out infinite;\n}\n\n@keyframes sc360Pulse {\n\n 0%,100% {\n box-shadow:\n 0 0 15px rgba(0,168,255,.10);\n }\n\n 50% {\n box-shadow:\n 0 0 30px rgba(0,168,255,.28);\n }\n}\n\n\/* =========================================================\n FLOATING LABELS\n========================================================= *\/\n\n.sc-floating {\n position: absolute;\n\n z-index: 7;\n\n padding: 11px 15px;\n\n border-radius: 13px;\n\n background:\n rgba(5,7,9,.75);\n\n backdrop-filter: blur(14px);\n\n border:\n 1px solid rgba(255,255,255,.10);\n\n color: #dce0e5;\n\n font-size: 11px;\n\n box-shadow:\n 0 15px 35px rgba(0,0,0,.35);\n}\n\n.sc-float-left {\n left: 24px;\n bottom: 28px;\n\n animation:\n scFloatLabel 3.5s ease-in-out infinite;\n}\n\n.sc-float-right {\n right: 25px;\n bottom: 30px;\n\n animation:\n scFloatLabel 4s .7s ease-in-out infinite;\n}\n\n@keyframes scFloatLabel {\n\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-8px);\n }\n}\n\n\/* =========================================================\n PRODUCT DETAILS\n========================================================= *\/\n\n.sc-details {\n animation:\n scFadeRight 1s .25s ease both;\n}\n\n.sc-details h2 {\n font-size: clamp(33px,4vw,47px);\n\n line-height: 1.08;\n\n letter-spacing: -1.5px;\n\n margin: 0 0 18px;\n}\n\n.sc-blue-text {\n color: var(--sc-blue-light);\n}\n\n.sc-orange-text {\n color: var(--sc-orange-light);\n}\n\n.sc-details \u003e p {\n color: var(--sc-muted);\n\n font-size: 16px;\n\n line-height: 1.75;\n\n margin-bottom: 28px;\n}\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.sc-features {\n display: grid;\n\n gap: 11px;\n}\n\n.sc-feature {\n display: flex;\n\n align-items: center;\n\n gap: 14px;\n\n padding: 14px 15px;\n\n border-radius: 15px;\n\n background: var(--sc-card);\n\n border:\n 1px solid rgba(255,255,255,.065);\n\n transition:\n transform .35s ease,\n background .35s ease,\n border-color .35s ease;\n}\n\n.sc-feature:hover {\n transform: translateX(8px);\n\n background:\n linear-gradient(\n 90deg,\n rgba(0,168,255,.07),\n rgba(255,138,0,.04)\n );\n\n border-color:\n rgba(0,168,255,.28);\n}\n\n.sc-feature-icon {\n width: 40px;\n height: 40px;\n\n min-width: 40px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n border-radius: 11px;\n\n background:\n rgba(0,168,255,.08);\n\n font-size: 18px;\n}\n\n.sc-feature strong {\n display: block;\n\n font-size: 13px;\n\n margin-bottom: 4px;\n}\n\n.sc-feature small {\n color: #8c929b;\n\n font-size: 11px;\n}\n\n\/* =========================================================\n ROTATION INFO\n========================================================= *\/\n\n.sc-rotation {\n margin-top: 25px;\n\n padding: 16px;\n\n border-radius: 15px;\n\n border:\n 1px solid rgba(0,168,255,.13);\n\n background:\n linear-gradient(\n 100deg,\n rgba(0,168,255,.06),\n rgba(255,138,0,.04)\n );\n}\n\n.sc-rotation-top {\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n margin-bottom: 9px;\n}\n\n.sc-rotation-title {\n font-size: 12px;\n\n font-weight: 700;\n\n letter-spacing: .5px;\n}\n\n.sc-rotation-value {\n color: var(--sc-blue-light);\n\n font-size: 11px;\n\n font-weight: 700;\n}\n\n.sc-progress {\n height: 5px;\n\n border-radius: 100px;\n\n background: rgba(255,255,255,.07);\n\n overflow: hidden;\n}\n\n.sc-progress span {\n display: block;\n\n height: 100%;\n\n width: 82%;\n\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n var(--sc-blue),\n var(--sc-orange)\n );\n\n animation:\n scProgress 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes scProgress {\n\n from {\n width: 65%;\n }\n\n to {\n width: 94%;\n }\n}\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.sc-benefits {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 16px;\n\n margin-bottom: 70px;\n}\n\n.sc-benefit {\n padding: 31px 20px;\n\n text-align: center;\n\n border-radius: 21px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.015)\n );\n\n border:\n 1px solid rgba(255,255,255,.075);\n\n transition:\n transform .4s ease,\n border-color .4s ease,\n box-shadow .4s ease;\n\n animation:\n scFadeUp 1s ease both;\n}\n\n.sc-benefit:nth-child(2) {\n animation-delay: .12s;\n}\n\n.sc-benefit:nth-child(3) {\n animation-delay: .24s;\n}\n\n.sc-benefit:hover {\n transform: translateY(-9px);\n\n border-color:\n rgba(0,168,255,.30);\n\n box-shadow:\n 0 25px 55px rgba(0,0,0,.3);\n}\n\n.sc-benefit-icon {\n font-size: 31px;\n\n margin-bottom: 14px;\n}\n\n.sc-benefit h3 {\n font-size: 16px;\n\n margin: 0 0 9px;\n}\n\n.sc-benefit p {\n color: #888e97;\n\n font-size: 12px;\n\n line-height: 1.65;\n\n margin: 0;\n}\n\n\/* =========================================================\n SOUTH AFRICA SECTION\n========================================================= *\/\n\n.sc-sa-section {\n position: relative;\n\n padding: 55px 30px;\n\n margin-bottom: 65px;\n\n text-align: center;\n\n border-radius: 28px;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(0,168,255,.10),\n transparent 48%\n ),\n rgba(255,255,255,.025);\n\n border:\n 1px solid rgba(255,255,255,.075);\n}\n\n.sc-sa-section::after {\n content: \"\";\n\n position: absolute;\n\n width: 180px;\n height: 180px;\n\n border-radius: 50%;\n\n border:\n 1px solid rgba(255,138,0,.14);\n\n right: -60px;\n bottom: -70px;\n\n animation:\n scRotate 14s linear infinite;\n}\n\n.sc-sa-section h2 {\n position: relative;\n\n z-index: 2;\n\n font-size: 35px;\n\n margin: 0 0 14px;\n}\n\n.sc-sa-section \u003e p {\n position: relative;\n\n z-index: 2;\n\n max-width: 700px;\n\n margin: auto;\n\n color: #8e939c;\n\n font-size: 14px;\n\n line-height: 1.7;\n}\n\n\/* =========================================================\n LOCATION GRID\n========================================================= *\/\n\n.sc-location-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4,1fr);\n\n gap: 13px;\n\n margin-top: 28px;\n\n position: relative;\n\n z-index: 2;\n}\n\n.sc-location {\n padding: 17px 10px;\n\n border-radius: 14px;\n\n background:\n rgba(255,255,255,.035);\n\n border:\n 1px solid rgba(255,255,255,.06);\n\n color: #c5c9cf;\n\n font-size: 12px;\n\n transition: .35s ease;\n}\n\n.sc-location:hover {\n transform: translateY(-5px);\n\n background:\n rgba(0,168,255,.06);\n\n border-color:\n rgba(0,168,255,.25);\n}\n\n\/* =========================================================\n PERFECT FOR\n========================================================= *\/\n\n.sc-perfect {\n margin-bottom: 65px;\n}\n\n.sc-perfect-title {\n text-align: center;\n\n font-size: 32px;\n\n margin-bottom: 27px;\n}\n\n.sc-perfect-list {\n display: grid;\n\n grid-template-columns:\n repeat(5,1fr);\n\n gap: 11px;\n}\n\n.sc-perfect-item {\n text-align: center;\n\n padding: 18px 10px;\n\n border-radius: 15px;\n\n background:\n rgba(255,255,255,.035);\n\n border:\n 1px solid rgba(255,255,255,.065);\n\n color: #c5c8cd;\n\n font-size: 11px;\n\n transition: .3s ease;\n}\n\n.sc-perfect-item:hover {\n transform: translateY(-5px);\n\n border-color:\n rgba(255,138,0,.25);\n\n background:\n rgba(255,138,0,.045);\n}\n\n\/* =========================================================\n WHAT'S IN THE BOX\n========================================================= *\/\n\n.sc-box {\n text-align: center;\n}\n\n.sc-box h2 {\n font-size: 31px;\n\n margin: 0 0 12px;\n}\n\n.sc-box \u003e p {\n color: #888e96;\n\n font-size: 14px;\n\n margin-bottom: 22px;\n}\n\n.sc-box-item {\n display: inline-flex;\n\n align-items: center;\n\n gap: 8px;\n\n margin: 5px;\n\n padding: 11px 17px;\n\n border-radius: 100px;\n\n background:\n rgba(255,255,255,.04);\n\n border:\n 1px solid rgba(255,255,255,.075);\n\n color: #c7cad0;\n\n font-size: 11px;\n\n transition: .3s ease;\n}\n\n.sc-box-item:hover {\n transform: translateY(-3px);\n\n border-color:\n rgba(0,168,255,.28);\n}\n\n\/* =========================================================\n FINAL BRANDING\n========================================================= *\/\n\n.sc-brand-footer {\n margin-top: 55px;\n\n padding-top: 30px;\n\n border-top:\n 1px solid rgba(255,255,255,.07);\n\n text-align: center;\n}\n\n.sc-brand-footer strong {\n display: block;\n\n font-size: 14px;\n\n color: #e0e2e5;\n\n letter-spacing: .5px;\n}\n\n.sc-brand-footer span {\n display: block;\n\n margin-top: 7px;\n\n font-size: 11px;\n\n color: #7d838c;\n}\n\n\/* =========================================================\n KEYFRAME ANIMATIONS\n========================================================= *\/\n\n@keyframes scFadeUp {\n\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes scFadeLeft {\n\n from {\n opacity: 0;\n transform: translateX(-35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes scFadeRight {\n\n from {\n opacity: 0;\n transform: translateX(35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:800px) {\n\n .vrrpha-swiftclean {\n padding: 60px 15px;\n }\n\n .sc-hero {\n margin-bottom: 45px;\n }\n\n .sc-hero h1 {\n letter-spacing: -1.8px;\n }\n\n .sc-hero p {\n font-size: 15px;\n }\n\n .sc-showcase {\n grid-template-columns: 1fr;\n\n gap: 35px;\n }\n\n .sc-product-stage {\n min-height: 430px;\n }\n\n .sc-benefits {\n grid-template-columns: 1fr;\n }\n\n .sc-location-grid {\n grid-template-columns: 1fr 1fr;\n }\n\n .sc-perfect-list {\n grid-template-columns: 1fr 1fr;\n }\n\n}\n\n@media(max-width:480px) {\n\n .sc-product-stage {\n min-height: 370px;\n }\n\n .sc-mop {\n transform:\n scale(.78)\n perspective(900px)\n rotateY(-10deg)\n rotateZ(-4deg);\n }\n\n .sc-product-stage:hover .sc-mop {\n transform:\n scale(.82)\n perspective(900px)\n rotateY(0deg)\n rotateZ(0deg);\n }\n\n .sc-ring-1 {\n width: 280px;\n height: 280px;\n }\n\n .sc-ring-2 {\n width: 350px;\n height: 350px;\n }\n\n .sc-360 {\n width: 65px;\n height: 65px;\n\n right: 15px;\n top: 18px;\n\n font-size: 10px;\n }\n\n .sc-floating {\n font-size: 9px;\n padding: 9px 11px;\n }\n\n .sc-float-left {\n left: 12px;\n bottom: 18px;\n }\n\n .sc-float-right {\n right: 12px;\n bottom: 18px;\n }\n\n .sc-location-grid,\n .sc-perfect-list {\n grid-template-columns: 1fr;\n }\n\n .sc-sa-section {\n padding: 40px 18px;\n }\n\n .sc-sa-section h2 {\n font-size: 28px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vrrpha-swiftclean\"\u003e\n\n \u003c!-- Animated background --\u003e\n\n \u003cdiv class=\"sc-bg-orb sc-orb-blue\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-bg-orb sc-orb-orange\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-container\"\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-hero\"\u003e\n\n \u003cdiv class=\"sc-brand-pill\"\u003e\n\n \u003cspan class=\"sc-brand-dot\"\u003e\u003c\/span\u003e\n\n VRRPHA GADGETS SA\n\n \u003c\/div\u003e\n\n\n \u003ch1\u003e\n\n Because Every South African\n Knows β€” Your Car Is Your Pride.\n\n \u003c\/h1\u003e\n\n\n \u003cp\u003e\n\n Meet the SwiftClean 360Β° Rotating Car Wash Mop β€”\n designed to make washing your car easier, faster\n and more comfortable while helping you reach\n those difficult areas without the awkward stretching.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n PRODUCT SHOWCASE\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-showcase\"\u003e\n\n\n \u003c!-- PRODUCT VISUAL --\u003e\n\n \u003cdiv class=\"sc-product-stage\"\u003e\n\n \u003cdiv class=\"sc-ring sc-ring-1\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sc-ring sc-ring-2\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-floating sc-float-left\"\u003e\n\n 🧼 Ultra-Soft Microfibre\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-floating sc-float-right\"\u003e\n\n πŸš— Built For Your Ride\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-360\"\u003e\n\n 360Β°\u003cbr\u003e\n ROTATION\n\n \u003c\/div\u003e\n\n\n \u003c!-- CSS PRODUCT --\u003e\n\n \u003cdiv class=\"sc-mop\"\u003e\n\n \u003cdiv class=\"sc-grip\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sc-pole\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"sc-mop-head\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- PRODUCT DETAILS --\u003e\n\n \u003cdiv class=\"sc-details\"\u003e\n\n\n \u003ch2\u003e\n\n Wash Smarter.\u003cbr\u003e\n\n \u003cspan class=\"sc-blue-text\"\u003e\n Reach Further.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n Forget bending, stretching and climbing just to\n reach the roof of your vehicle. SwiftClean gives\n you extra reach and a rotating mop head designed\n to make your car wash easier from start to finish.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"sc-features\"\u003e\n\n\n \u003cdiv class=\"sc-feature\"\u003e\n\n \u003cdiv class=\"sc-feature-icon\"\u003e\n πŸ”„\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n 360Β° Rotating Head\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Moves freely around curves and awkward angles\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-feature\"\u003e\n\n \u003cdiv class=\"sc-feature-icon\"\u003e\n 🧼\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Ultra-Soft Chenille Microfibre\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Designed to lift dirt and grime gently\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-feature\"\u003e\n\n \u003cdiv class=\"sc-feature-icon\"\u003e\n πŸ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Extendable 80cm Pole\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Reach roofs, bonnets and rear windows easier\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-feature\"\u003e\n\n \u003cdiv class=\"sc-feature-icon\"\u003e\n ↔️\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Wide 28cm Mop Head\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Covers more surface area with every pass\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-feature\"\u003e\n\n \u003cdiv class=\"sc-feature-icon\"\u003e\n πŸͺΆ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Lightweight Design\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Easy to handle for everyday car washing\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- ANIMATED PERFORMANCE BAR --\u003e\n\n \u003cdiv class=\"sc-rotation\"\u003e\n\n \u003cdiv class=\"sc-rotation-top\"\u003e\n\n \u003cspan class=\"sc-rotation-title\"\u003e\n 360Β° FLEXIBLE MOVEMENT\n \u003c\/span\u003e\n\n \u003cspan class=\"sc-rotation-value\"\u003e\n EASY REACH\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-progress\"\u003e\n\n \u003cspan\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n BENEFITS\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-benefits\"\u003e\n\n\n \u003cdiv class=\"sc-benefit\"\u003e\n\n \u003cdiv class=\"sc-benefit-icon\"\u003e\n πŸ’ͺ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Less Stretching\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Reach difficult areas without constantly\n bending, twisting or climbing.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-benefit\"\u003e\n\n \u003cdiv class=\"sc-benefit-icon\"\u003e\n 🫧\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Gentle Cleaning\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Soft chenille microfibre helps lift dirt\n while being gentle on your vehicle's finish.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"sc-benefit\"\u003e\n\n \u003cdiv class=\"sc-benefit-icon\"\u003e\n ⚑\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Cover More, Faster\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The wide 28cm head helps you clean\n larger areas with fewer passes.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n SOUTH AFRICAN SECTION\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-sa-section\"\u003e\n\n\n \u003ch2\u003e\n\n πŸ‡ΏπŸ‡¦ Built For SA Car Owners\n\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n From dusty Highveld mornings to weekend\n driveway washes, SwiftClean is made for\n South Africans who take pride in their ride.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"sc-location-grid\"\u003e\n\n\n \u003cdiv class=\"sc-location\"\u003e\n πŸ‡ΏπŸ‡¦ Soweto\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-location\"\u003e\n πŸ™οΈ Sandton\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-location\"\u003e\n 🌊 Bellville\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-location\"\u003e\n 🌴 Ballito\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n PERFECT FOR\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-perfect\"\u003e\n\n\n \u003cdiv class=\"sc-perfect-title\"\u003e\n\n Perfect For Every Car Owner\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-perfect-list\"\u003e\n\n\n \u003cdiv class=\"sc-perfect-item\"\u003e\n 🚘 Sedans\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-perfect-item\"\u003e\n πŸš™ SUVs\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-perfect-item\"\u003e\n πŸ›» Bakkies\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-perfect-item\"\u003e\n 🏁 Car Enthusiasts\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-perfect-item\"\u003e\n 🎁 Car Lovers\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n WHAT'S IN THE BOX\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-box\"\u003e\n\n\n \u003ch2\u003e\n\n What's In The Box?\n\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n Everything you need for a more comfortable\n and convenient car wash.\n\n \u003c\/p\u003e\n\n\n \u003cdiv\u003e\n\n\n \u003cdiv class=\"sc-box-item\"\u003e\n\n βœ“ 1 Γ— SwiftClean 360Β° Rotating Mop Head\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-box-item\"\u003e\n\n βœ“ 28cm Wide Microfibre Head\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-box-item\"\u003e\n\n βœ“ 1 Γ— Extendable Aluminium Pole\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sc-box-item\"\u003e\n\n βœ“ Up To 80cm Reach\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n BRAND FOOTER\n ====================================================== --\u003e\n\n \u003cdiv class=\"sc-brand-footer\"\u003e\n\n\n \u003cstrong\u003e\n\n Proudly brought to you by Vrrpha Gadgets SA πŸ‡ΏπŸ‡¦\n\n \u003c\/strong\u003e\n\n\n \u003cspan\u003e\n\n Your ride. Your style. Your gadgets.\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Default Title","offer_id":48461053722813,"sku":null,"price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/option-2-bold-dramatic.png?v=1789635681"},{"product_id":"engineeye-pro-hd-automotive-inspection-camera","title":"EngineEye Pro β€” HD Automotive Inspection Camera","description":"\u003cstyle\u003e\n\/* ============================================================\n VRRPHA GADGETS SA\n ENGINEEYE PRO β€” PREMIUM PRODUCT SECTION\n Shopify Custom Liquid\n============================================================ *\/\n\n.vrrpha-engineeye {\n --ee-bg: #050608;\n --ee-bg2: #0a0d11;\n --ee-panel: rgba(255,255,255,.045);\n --ee-panel2: rgba(255,255,255,.07);\n --ee-border: rgba(255,255,255,.09);\n\n --ee-white: #ffffff;\n --ee-text: #e9edf2;\n --ee-muted: #89919c;\n\n --ee-blue: #00a8ff;\n --ee-blue2: #55d4ff;\n\n --ee-orange: #ff8500;\n --ee-orange2: #ffb347;\n\n position: relative;\n overflow: hidden;\n\n color: var(--ee-white);\n\n padding: 85px 20px;\n\n background:\n radial-gradient(\n circle at 8% 10%,\n rgba(0,168,255,.13),\n transparent 28%\n ),\n radial-gradient(\n circle at 92% 75%,\n rgba(255,133,0,.10),\n transparent 28%\n ),\n linear-gradient(\n 145deg,\n #030405,\n #0a0d11 50%,\n #040506\n );\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n}\n\n.vrrpha-engineeye *,\n.vrrpha-engineeye *::before,\n.vrrpha-engineeye *::after {\n box-sizing: border-box;\n}\n\n.ee-container {\n max-width: 1180px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n}\n\n\n\/* ============================================================\n BACKGROUND EFFECTS\n============================================================ *\/\n\n.ee-grid {\n position: absolute;\n inset: 0;\n\n opacity: .13;\n\n background-image:\n linear-gradient(\n rgba(255,255,255,.035) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(255,255,255,.035) 1px,\n transparent 1px\n );\n\n background-size: 45px 45px;\n\n mask-image:\n linear-gradient(\n to bottom,\n transparent,\n black 20%,\n black 80%,\n transparent\n );\n\n pointer-events: none;\n}\n\n.ee-orb {\n position: absolute;\n\n border-radius: 50%;\n\n filter: blur(90px);\n\n pointer-events: none;\n}\n\n.ee-orb-blue {\n width: 300px;\n height: 300px;\n\n background: rgba(0,168,255,.09);\n\n top: 15%;\n left: -150px;\n\n animation:\n eeBlueOrb 8s ease-in-out infinite alternate;\n}\n\n.ee-orb-orange {\n width: 320px;\n height: 320px;\n\n background: rgba(255,133,0,.07);\n\n right: -160px;\n bottom: 15%;\n\n animation:\n eeOrangeOrb 9s ease-in-out infinite alternate;\n}\n\n@keyframes eeBlueOrb {\n from {\n transform: translate(0,0);\n }\n\n to {\n transform: translate(65px,35px);\n }\n}\n\n@keyframes eeOrangeOrb {\n from {\n transform: translate(0,0);\n }\n\n to {\n transform: translate(-55px,-40px);\n }\n}\n\n\n\/* ============================================================\n BRAND BADGE\n============================================================ *\/\n\n.ee-brand {\n display: inline-flex;\n\n align-items: center;\n\n gap: 9px;\n\n padding: 9px 17px;\n\n border-radius: 100px;\n\n border: 1px solid rgba(0,168,255,.27);\n\n background:\n rgba(0,168,255,.045);\n\n color: #d9eaf5;\n\n font-size: 10px;\n\n font-weight: 800;\n\n letter-spacing: 2px;\n\n text-transform: uppercase;\n\n animation:\n eeFadeUp .8s ease both;\n}\n\n.ee-brand-dot {\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: var(--ee-blue);\n\n box-shadow:\n 0 0 8px var(--ee-blue),\n 0 0 20px rgba(0,168,255,.7);\n\n animation:\n eePulse 2s infinite;\n}\n\n@keyframes eePulse {\n 0%,100% {\n transform: scale(1);\n opacity: 1;\n }\n\n 50% {\n transform: scale(.65);\n opacity: .5;\n }\n}\n\n\n\/* ============================================================\n HERO\n============================================================ *\/\n\n.ee-hero {\n text-align: center;\n\n max-width: 950px;\n\n margin: 0 auto 65px;\n}\n\n.ee-hero h1 {\n margin: 22px auto 20px;\n\n font-size:\n clamp(39px,6vw,72px);\n\n line-height: 1.01;\n\n letter-spacing: -3px;\n\n font-weight: 900;\n\n background:\n linear-gradient(\n 105deg,\n #ffffff 8%,\n #ffffff 30%,\n #56d4ff 47%,\n #00a8ff 55%,\n #ff9a21 71%,\n #ffffff 90%\n );\n\n background-size: 250% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation:\n eeFadeUp .9s ease both,\n eeShimmer 7s linear infinite;\n}\n\n@keyframes eeShimmer {\n to {\n background-position: 250% center;\n }\n}\n\n.ee-hero p {\n max-width: 760px;\n\n margin: 0 auto;\n\n color: var(--ee-muted);\n\n font-size: 16px;\n\n line-height: 1.75;\n\n animation:\n eeFadeUp 1s .15s ease both;\n}\n\n\n\/* ============================================================\n MAIN PRODUCT AREA\n============================================================ *\/\n\n.ee-showcase {\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 55px;\n\n align-items: center;\n\n margin-bottom: 80px;\n}\n\n\n\/* ============================================================\n PRODUCT DISPLAY\n============================================================ *\/\n\n.ee-display {\n min-height: 525px;\n\n position: relative;\n\n overflow: hidden;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n border-radius: 30px;\n\n border: 1px solid var(--ee-border);\n\n background:\n radial-gradient(\n circle at center,\n rgba(0,168,255,.12),\n transparent 33%\n ),\n linear-gradient(\n 145deg,\n #151a20,\n #080a0d\n );\n\n box-shadow:\n 0 35px 90px rgba(0,0,0,.58),\n inset 0 1px rgba(255,255,255,.06);\n\n animation:\n eeFadeLeft 1s .15s ease both;\n}\n\n\n\/* Scan lines *\/\n\n.ee-scan {\n position: absolute;\n\n left: 0;\n right: 0;\n\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(0,168,255,.8),\n transparent\n );\n\n box-shadow:\n 0 0 18px rgba(0,168,255,.6);\n\n animation:\n eeScan 4s linear infinite;\n\n opacity: .55;\n}\n\n@keyframes eeScan {\n from {\n top: -5%;\n }\n\n to {\n top: 105%;\n }\n}\n\n\n\/* Radar circles *\/\n\n.ee-radar {\n position: absolute;\n\n width: 400px;\n height: 400px;\n\n border-radius: 50%;\n\n border:\n 1px solid rgba(0,168,255,.15);\n\n animation:\n eeRadarRotate 15s linear infinite;\n}\n\n.ee-radar::before,\n.ee-radar::after {\n content: \"\";\n\n position: absolute;\n\n inset: 45px;\n\n border-radius: 50%;\n\n border:\n 1px dashed rgba(0,168,255,.13);\n}\n\n.ee-radar::after {\n inset: 100px;\n\n border-color:\n rgba(255,133,0,.12);\n}\n\n@keyframes eeRadarRotate {\n to {\n transform: rotate(360deg);\n }\n}\n\n\n\/* ============================================================\n CSS ENGINE CAMERA\n============================================================ *\/\n\n.ee-camera {\n position: relative;\n\n width: 245px;\n height: 350px;\n\n z-index: 5;\n\n animation:\n eeCameraFloat 4.5s ease-in-out infinite;\n\n transition:\n transform .7s ease,\n filter .7s ease;\n}\n\n.ee-display:hover .ee-camera {\n transform:\n scale(1.06)\n rotateY(7deg)\n rotateZ(-1deg);\n}\n\n@keyframes eeCameraFloat {\n 0%,100% {\n transform:\n translateY(0)\n rotateY(-5deg)\n rotateZ(-2deg);\n }\n\n 50% {\n transform:\n translateY(-12px)\n rotateY(-2deg)\n rotateZ(-2deg);\n }\n}\n\n\n\/* Screen body *\/\n\n.ee-device {\n position: absolute;\n\n width: 185px;\n height: 150px;\n\n top: 20px;\n left: 30px;\n\n border-radius: 18px;\n\n background:\n linear-gradient(\n 145deg,\n #30363d,\n #0e1115 60%,\n #050608\n );\n\n border:\n 2px solid #4c545d;\n\n box-shadow:\n 0 25px 45px rgba(0,0,0,.6),\n inset 0 1px rgba(255,255,255,.25);\n}\n\n\n\/* Display screen *\/\n\n.ee-screen {\n position: absolute;\n\n left: 13px;\n right: 13px;\n\n top: 13px;\n height: 96px;\n\n overflow: hidden;\n\n border-radius: 8px;\n\n border:\n 2px solid #171c20;\n\n background:\n radial-gradient(\n circle at 60% 40%,\n rgba(0,168,255,.18),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #061016,\n #030708\n );\n\n box-shadow:\n inset 0 0 20px rgba(0,168,255,.12);\n}\n\n\n\/* Screen diagnostic graphics *\/\n\n.ee-screen::before {\n content: \"\";\n\n position: absolute;\n\n left: 15px;\n right: 15px;\n\n top: 30px;\n\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--ee-blue),\n transparent\n );\n\n box-shadow:\n 0 0 8px var(--ee-blue);\n\n transform:\n rotate(-9deg);\n\n animation:\n eeScreenScan 2.2s ease-in-out infinite alternate;\n}\n\n.ee-screen::after {\n content: \"HD β€’ REC\";\n\n position: absolute;\n\n top: 8px;\n right: 9px;\n\n color: #64d8ff;\n\n font-size: 6px;\n\n letter-spacing: 1px;\n\n animation:\n eeRecord 1s infinite;\n}\n\n@keyframes eeScreenScan {\n from {\n width: 35%;\n left: 10%;\n }\n\n to {\n width: 75%;\n left: 18%;\n }\n}\n\n@keyframes eeRecord {\n 50% {\n opacity: .35;\n }\n}\n\n\n\/* Screen bottom controls *\/\n\n.ee-controls {\n position: absolute;\n\n bottom: 10px;\n left: 16px;\n right: 16px;\n\n display: flex;\n\n justify-content: space-between;\n\n align-items: center;\n}\n\n.ee-control {\n width: 10px;\n height: 10px;\n\n border-radius: 50%;\n\n background: #2b3137;\n\n border: 1px solid #59616a;\n}\n\n.ee-control.red {\n background: #e34832;\n\n box-shadow:\n 0 0 8px rgba(227,72,50,.6);\n}\n\n\n\/* Device handle *\/\n\n.ee-handle {\n position: absolute;\n\n width: 105px;\n height: 190px;\n\n top: 142px;\n left: 70px;\n\n border-radius:\n 18px\n 18px\n 35px\n 35px;\n\n background:\n linear-gradient(\n 90deg,\n #101317,\n #292e34,\n #0b0e11\n );\n\n border:\n 1px solid #3e454d;\n\n box-shadow:\n 0 18px 30px rgba(0,0,0,.55);\n}\n\n\n\/* Grip texture *\/\n\n.ee-handle::after {\n content: \"\";\n\n position: absolute;\n\n left: 20px;\n right: 20px;\n\n top: 35px;\n bottom: 25px;\n\n border-radius: 15px;\n\n background:\n repeating-linear-gradient(\n 0deg,\n rgba(255,255,255,.05) 0px,\n rgba(255,255,255,.05) 2px,\n transparent 2px,\n transparent 8px\n );\n}\n\n\n\/* Cable connector *\/\n\n.ee-connector {\n position: absolute;\n\n width: 25px;\n height: 22px;\n\n bottom: 5px;\n left: 50%;\n\n transform: translateX(-50%);\n\n border-radius: 6px;\n\n background:\n linear-gradient(\n 90deg,\n #6e767e,\n #d4d8db,\n #636a71\n );\n\n box-shadow:\n 0 7px 12px rgba(0,0,0,.4);\n}\n\n\n\/* Flexible cable *\/\n\n.ee-cable {\n position: absolute;\n\n width: 7px;\n height: 150px;\n\n bottom: -125px;\n left: 50%;\n\n border-radius: 100px;\n\n background:\n linear-gradient(\n 90deg,\n #1c2025,\n #5a626a,\n #181b20\n );\n\n transform:\n translateX(-50%)\n rotate(6deg);\n\n box-shadow:\n 0 0 8px rgba(0,0,0,.5);\n}\n\n\n\/* Probe *\/\n\n.ee-probe {\n position: absolute;\n\n width: 5px;\n height: 150px;\n\n bottom: -260px;\n\n left: 50%;\n\n transform:\n translateX(-50%)\n rotate(7deg);\n\n border-radius: 100px;\n\n background:\n linear-gradient(\n 90deg,\n #32383d,\n #9ba2a8,\n #252a2f\n );\n}\n\n\n\/* LED tip *\/\n\n.ee-tip {\n position: absolute;\n\n width: 16px;\n height: 16px;\n\n bottom: -270px;\n\n left: calc(50% + 11px);\n\n border-radius: 50%;\n\n background: var(--ee-blue);\n\n box-shadow:\n 0 0 10px var(--ee-blue),\n 0 0 28px rgba(0,168,255,.7);\n\n animation:\n eeTipGlow 1.5s infinite alternate;\n}\n\n@keyframes eeTipGlow {\n from {\n opacity: .55;\n transform: scale(.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1.15);\n }\n}\n\n\n\/* ============================================================\n FLOATING PRODUCT BADGES\n============================================================ *\/\n\n.ee-floating {\n position: absolute;\n\n z-index: 8;\n\n padding: 11px 15px;\n\n border-radius: 13px;\n\n background:\n rgba(5,7,9,.78);\n\n backdrop-filter: blur(14px);\n\n border:\n 1px solid rgba(255,255,255,.10);\n\n box-shadow:\n 0 15px 35px rgba(0,0,0,.4);\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: .3px;\n\n color: #dce2e8;\n}\n\n.ee-float-top {\n top: 28px;\n left: 25px;\n\n animation:\n eeFloat 3.5s ease-in-out infinite;\n}\n\n.ee-float-bottom {\n bottom: 28px;\n right: 24px;\n\n animation:\n eeFloat 4s .5s ease-in-out infinite;\n}\n\n@keyframes eeFloat {\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-8px);\n }\n}\n\n\n\/* ============================================================\n PRODUCT DETAILS\n============================================================ *\/\n\n.ee-details {\n animation:\n eeFadeRight 1s .25s ease both;\n}\n\n.ee-details h2 {\n margin: 0 0 18px;\n\n font-size:\n clamp(34px,4vw,50px);\n\n line-height: 1.04;\n\n letter-spacing: -2px;\n}\n\n.ee-blue {\n color: var(--ee-blue2);\n}\n\n.ee-orange {\n color: var(--ee-orange2);\n}\n\n.ee-details \u003e p {\n color: var(--ee-muted);\n\n font-size: 15px;\n\n line-height: 1.75;\n\n margin-bottom: 30px;\n}\n\n\n\/* ============================================================\n FEATURE CARDS\n============================================================ *\/\n\n.ee-features {\n display: grid;\n\n gap: 10px;\n}\n\n.ee-feature {\n display: flex;\n\n align-items: center;\n\n gap: 14px;\n\n padding: 14px;\n\n border-radius: 15px;\n\n background:\n var(--ee-panel);\n\n border:\n 1px solid rgba(255,255,255,.065);\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n.ee-feature:hover {\n transform: translateX(8px);\n\n background:\n linear-gradient(\n 90deg,\n rgba(0,168,255,.07),\n rgba(255,133,0,.035)\n );\n\n border-color:\n rgba(0,168,255,.28);\n}\n\n.ee-feature-icon {\n min-width: 42px;\n width: 42px;\n height: 42px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n border-radius: 11px;\n\n background:\n rgba(0,168,255,.08);\n\n border:\n 1px solid rgba(0,168,255,.10);\n\n font-size: 18px;\n}\n\n.ee-feature strong {\n display: block;\n\n margin-bottom: 4px;\n\n font-size: 12px;\n}\n\n.ee-feature small {\n color: #858c96;\n\n font-size: 10px;\n\n line-height: 1.4;\n}\n\n\n\/* ============================================================\n DIAGNOSTIC BAR\n============================================================ *\/\n\n.ee-status {\n margin-top: 23px;\n\n padding: 16px;\n\n border-radius: 15px;\n\n background:\n linear-gradient(\n 100deg,\n rgba(0,168,255,.065),\n rgba(255,133,0,.04)\n );\n\n border:\n 1px solid rgba(0,168,255,.13);\n}\n\n.ee-status-top {\n display: flex;\n\n justify-content: space-between;\n\n margin-bottom: 9px;\n}\n\n.ee-status-title {\n font-size: 10px;\n\n font-weight: 800;\n\n letter-spacing: 1px;\n}\n\n.ee-status-live {\n color: #54d6ff;\n\n font-size: 9px;\n\n font-weight: 800;\n\n animation:\n eePulse 1.8s infinite;\n}\n\n.ee-status-line {\n height: 5px;\n\n border-radius: 100px;\n\n overflow: hidden;\n\n background:\n rgba(255,255,255,.07);\n}\n\n.ee-status-line span {\n display: block;\n\n width: 88%;\n\n height: 100%;\n\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n var(--ee-blue),\n var(--ee-orange)\n );\n\n animation:\n eeDiagnostic 2.5s ease-in-out infinite alternate;\n}\n\n@keyframes eeDiagnostic {\n from {\n width: 55%;\n }\n\n to {\n width: 94%;\n }\n}\n\n\n\/* ============================================================\n SPECS\n============================================================ *\/\n\n.ee-specs {\n margin-bottom: 75px;\n}\n\n.ee-section-heading {\n text-align: center;\n\n max-width: 700px;\n\n margin: 0 auto 32px;\n}\n\n.ee-section-heading h2 {\n font-size: 35px;\n\n margin: 0 0 10px;\n\n letter-spacing: -1px;\n}\n\n.ee-section-heading p {\n color: var(--ee-muted);\n\n font-size: 13px;\n\n line-height: 1.7;\n}\n\n.ee-spec-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4,1fr);\n\n gap: 13px;\n}\n\n.ee-spec {\n padding: 24px 17px;\n\n text-align: center;\n\n border-radius: 19px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.018)\n );\n\n border:\n 1px solid rgba(255,255,255,.075);\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n box-shadow .35s ease;\n}\n\n.ee-spec:hover {\n transform: translateY(-8px);\n\n border-color:\n rgba(0,168,255,.27);\n\n box-shadow:\n 0 22px 45px rgba(0,0,0,.3);\n}\n\n.ee-spec-icon {\n font-size: 25px;\n\n margin-bottom: 12px;\n}\n\n.ee-spec strong {\n display: block;\n\n font-size: 14px;\n\n margin-bottom: 6px;\n}\n\n.ee-spec span {\n color: #818891;\n\n font-size: 10px;\n\n line-height: 1.5;\n}\n\n\n\/* ============================================================\n USE CASES\n============================================================ *\/\n\n.ee-use {\n margin-bottom: 75px;\n}\n\n.ee-use-grid {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 13px;\n}\n\n.ee-use-card {\n position: relative;\n\n padding: 22px;\n\n min-height: 145px;\n\n border-radius: 18px;\n\n background:\n rgba(255,255,255,.035);\n\n border:\n 1px solid rgba(255,255,255,.07);\n\n overflow: hidden;\n\n transition:\n transform .4s ease,\n border-color .4s ease;\n}\n\n.ee-use-card::after {\n content: \"\";\n\n position: absolute;\n\n width: 100px;\n height: 100px;\n\n right: -45px;\n bottom: -45px;\n\n border-radius: 50%;\n\n border:\n 1px solid rgba(0,168,255,.15);\n\n transition: .4s ease;\n}\n\n.ee-use-card:hover {\n transform: translateY(-6px);\n\n border-color:\n rgba(0,168,255,.25);\n}\n\n.ee-use-card:hover::after {\n transform: scale(1.7);\n}\n\n.ee-use-icon {\n font-size: 25px;\n\n margin-bottom: 13px;\n}\n\n.ee-use-card h3 {\n margin: 0 0 7px;\n\n font-size: 14px;\n}\n\n.ee-use-card p {\n margin: 0;\n\n color: #7f8790;\n\n font-size: 10px;\n\n line-height: 1.6;\n}\n\n\n\/* ============================================================\n SA SECTION\n============================================================ *\/\n\n.ee-sa {\n position: relative;\n\n overflow: hidden;\n\n text-align: center;\n\n padding: 55px 25px;\n\n margin-bottom: 70px;\n\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(0,168,255,.10),\n transparent 50%\n ),\n rgba(255,255,255,.025);\n\n border:\n 1px solid rgba(255,255,255,.075);\n}\n\n.ee-sa h2 {\n margin: 0 0 13px;\n\n font-size: 34px;\n}\n\n.ee-sa \u003e p {\n max-width: 690px;\n\n margin: 0 auto;\n\n color: #858c95;\n\n font-size: 13px;\n\n line-height: 1.7;\n}\n\n.ee-cities {\n display: grid;\n\n grid-template-columns:\n repeat(4,1fr);\n\n gap: 11px;\n\n max-width: 720px;\n\n margin: 28px auto 0;\n}\n\n.ee-city {\n padding: 14px 8px;\n\n border-radius: 13px;\n\n background:\n rgba(255,255,255,.035);\n\n border:\n 1px solid rgba(255,255,255,.06);\n\n color: #c4c9cf;\n\n font-size: 11px;\n\n transition: .3s ease;\n}\n\n.ee-city:hover {\n transform: translateY(-4px);\n\n border-color:\n rgba(255,133,0,.27);\n}\n\n\n\/* ============================================================\n MAGNET \u0026 HOOK FEATURE\n============================================================ *\/\n\n.ee-accessories {\n margin-bottom: 70px;\n}\n\n.ee-accessory-box {\n display: grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap: 16px;\n}\n\n.ee-accessory {\n padding: 27px;\n\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.018)\n );\n\n border:\n 1px solid rgba(255,255,255,.075);\n\n transition:\n transform .35s ease,\n border-color .35s ease;\n}\n\n.ee-accessory:hover {\n transform: translateY(-6px);\n\n border-color:\n rgba(255,133,0,.25);\n}\n\n.ee-accessory-icon {\n font-size: 31px;\n\n margin-bottom: 13px;\n}\n\n.ee-accessory h3 {\n margin: 0 0 8px;\n\n font-size: 16px;\n}\n\n.ee-accessory p {\n margin: 0;\n\n color: #858c95;\n\n font-size: 11px;\n\n line-height: 1.7;\n}\n\n\n\/* ============================================================\n BOX CONTENT\n============================================================ *\/\n\n.ee-box {\n text-align: center;\n}\n\n.ee-box h2 {\n margin: 0 0 10px;\n\n font-size: 32px;\n}\n\n.ee-box p {\n margin: 0 0 25px;\n\n color: #838a93;\n\n font-size: 13px;\n}\n\n.ee-box-items {\n display: flex;\n\n flex-wrap: wrap;\n\n justify-content: center;\n\n gap: 9px;\n}\n\n.ee-box-item {\n padding: 11px 16px;\n\n border-radius: 100px;\n\n background:\n rgba(255,255,255,.04);\n\n border:\n 1px solid rgba(255,255,255,.075);\n\n color: #c7cbd0;\n\n font-size: 10px;\n\n transition: .3s ease;\n}\n\n.ee-box-item:hover {\n transform: translateY(-3px);\n\n border-color:\n rgba(0,168,255,.28);\n}\n\n\n\/* ============================================================\n FOOTER BRAND\n============================================================ *\/\n\n.ee-footer {\n text-align: center;\n\n margin-top: 55px;\n\n padding-top: 28px;\n\n border-top:\n 1px solid rgba(255,255,255,.07);\n}\n\n.ee-footer strong {\n display: block;\n\n font-size: 14px;\n\n letter-spacing: .4px;\n}\n\n.ee-footer span {\n display: block;\n\n margin-top: 7px;\n\n color: #707780;\n\n font-size: 10px;\n}\n\n\n\/* ============================================================\n ANIMATIONS\n============================================================ *\/\n\n@keyframes eeFadeUp {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes eeFadeLeft {\n from {\n opacity: 0;\n transform: translateX(-35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes eeFadeRight {\n from {\n opacity: 0;\n transform: translateX(35px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\n\/* ============================================================\n MOBILE\n============================================================ *\/\n\n@media(max-width: 850px) {\n\n .vrrpha-engineeye {\n padding: 60px 15px;\n }\n\n .ee-showcase {\n grid-template-columns: 1fr;\n\n gap: 35px;\n }\n\n .ee-spec-grid {\n grid-template-columns:\n 1fr 1fr;\n }\n\n .ee-use-grid {\n grid-template-columns:\n 1fr 1fr;\n }\n\n .ee-accessory-box {\n grid-template-columns:\n 1fr;\n }\n\n}\n\n@media(max-width: 520px) {\n\n .ee-hero h1 {\n letter-spacing: -1.8px;\n }\n\n .ee-hero p {\n font-size: 14px;\n }\n\n .ee-display {\n min-height: 455px;\n }\n\n .ee-camera {\n transform:\n scale(.84)\n rotateZ(-2deg);\n }\n\n .ee-display:hover .ee-camera {\n transform:\n scale(.88)\n rotateZ(0deg);\n }\n\n .ee-radar {\n width: 310px;\n height: 310px;\n }\n\n .ee-floating {\n font-size: 8px;\n\n padding: 9px 11px;\n }\n\n .ee-float-top {\n top: 18px;\n left: 13px;\n }\n\n .ee-float-bottom {\n right: 13px;\n bottom: 18px;\n }\n\n .ee-spec-grid,\n .ee-use-grid {\n grid-template-columns:\n 1fr;\n }\n\n .ee-cities {\n grid-template-columns:\n 1fr 1fr;\n }\n\n .ee-sa {\n padding: 40px 17px;\n }\n\n .ee-sa h2 {\n font-size: 28px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vrrpha-engineeye\"\u003e\n\n \u003c!-- Background --\u003e\n\n \u003cdiv class=\"ee-grid\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-orb ee-orb-blue\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-orb ee-orb-orange\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-container\"\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-hero\"\u003e\n\n \u003cdiv class=\"ee-brand\"\u003e\n\n \u003cspan class=\"ee-brand-dot\"\u003e\u003c\/span\u003e\n\n VRRPHA GADGETS SA\n\n \u003c\/div\u003e\n\n\n \u003ch1\u003e\n\n Stop Guessing.\u003cbr\u003e\n\n \u003cspan\u003eStart Seeing.\u003c\/span\u003e\n\n \u003c\/h1\u003e\n\n\n \u003cp\u003e\n\n Meet the EngineEye Pro β€” an HD automotive\n inspection camera designed to help you see\n inside tight, hard-to-reach spaces in real time.\n Inspect. Identify. Investigate.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n PRODUCT SHOWCASE\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-showcase\"\u003e\n\n\n \u003c!-- PRODUCT DISPLAY --\u003e\n\n \u003cdiv class=\"ee-display\"\u003e\n\n \u003cdiv class=\"ee-scan\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-radar\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-floating ee-float-top\"\u003e\n\n πŸ”Ž HD VISUAL INSPECTION\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-floating ee-float-bottom\"\u003e\n\n ⚑ REAL-TIME VIEW\n\n \u003c\/div\u003e\n\n\n \u003c!-- CAMERA --\u003e\n\n \u003cdiv class=\"ee-camera\"\u003e\n\n \u003cdiv class=\"ee-device\"\u003e\n\n \u003cdiv class=\"ee-screen\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-controls\"\u003e\n\n \u003cspan class=\"ee-control red\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"ee-control\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"ee-control\"\u003e\u003c\/span\u003e\n\n \u003cspan class=\"ee-control\"\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-handle\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-connector\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-cable\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-probe\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ee-tip\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- PRODUCT DETAILS --\u003e\n\n \u003cdiv class=\"ee-details\"\u003e\n\n\n \u003ch2\u003e\n\n See What's Hidden.\u003cbr\u003e\n\n \u003cspan class=\"ee-blue\"\u003e\n Before You Strip It Down.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n When something is difficult to see or reach,\n the EngineEye Pro lets you investigate it\n through a compact HD inspection camera and\n bright LED illumination.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"ee-features\"\u003e\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ“Ί\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n 4.3\" IPS HD Screen\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n View your inspection directly on the\n built-in display.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ”\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n 8mm Ultra-Slim Probe\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Designed to access narrow and difficult spaces.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n 3m Semi-Rigid Cable\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Flexible cable designed to hold its shape\n while you navigate tight areas.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ’‘\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Dual LED Lighting\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Illuminate dark spaces for clearer inspection.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ’§\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Waterproof Probe\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Designed for inspections in wet environments.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-feature\"\u003e\n\n \u003cdiv class=\"ee-feature-icon\"\u003e\n πŸ”‹\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Rechargeable Type-C Battery\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Rechargeable power with convenient Type-C charging.\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- DIAGNOSTIC STATUS --\u003e\n\n \u003cdiv class=\"ee-status\"\u003e\n\n \u003cdiv class=\"ee-status-top\"\u003e\n\n \u003cspan class=\"ee-status-title\"\u003e\n INSPECTION SYSTEM\n \u003c\/span\u003e\n\n \u003cspan class=\"ee-status-live\"\u003e\n ● LIVE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-status-line\"\u003e\n\n \u003cspan\u003e\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n TECH SPECS\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-specs\"\u003e\n\n\n \u003cdiv class=\"ee-section-heading\"\u003e\n\n \u003ch2\u003e\n Built For The Tough Jobs\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Compact enough for everyday use, while giving\n you the reach and visibility needed to inspect\n hard-to-access areas.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-spec-grid\"\u003e\n\n\n \u003cdiv class=\"ee-spec\"\u003e\n\n \u003cdiv class=\"ee-spec-icon\"\u003e\n πŸ“Ί\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n 4.3\"\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n IPS HD display\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-spec\"\u003e\n\n \u003cdiv class=\"ee-spec-icon\"\u003e\n πŸ”¬\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n 8mm\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Slim inspection probe\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-spec\"\u003e\n\n \u003cdiv class=\"ee-spec-icon\"\u003e\n πŸ“\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n 3m\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Flexible cable\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-spec\"\u003e\n\n \u003cdiv class=\"ee-spec-icon\"\u003e\n πŸ’‘\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Dual LED\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Built-in illumination\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n USE CASES\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-use\"\u003e\n\n\n \u003cdiv class=\"ee-section-heading\"\u003e\n\n \u003ch2\u003e\n One Tool. Endless Inspections.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Go beyond the engine bay. Use the EngineEye Pro\n wherever your eyes and hands can't easily reach.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-use-grid\"\u003e\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n πŸš—\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Engine Inspection\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Inspect hard-to-see areas around cylinders,\n components and engine bays.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n πŸ”§\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Gearbox \u0026amp; Suspension\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Investigate difficult areas without immediately\n removing surrounding components.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n 🚿\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Pipes \u0026amp; Drains\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Inspect blocked or difficult-to-access\n pipe and drainage areas.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n 🏠\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Walls \u0026amp; Ceilings\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Explore concealed spaces for plumbing,\n electrical and building inspections.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n πŸ”Œ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Under Dashboards\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Trace difficult wiring and inspect\n hidden spaces behind vehicle interiors.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-use-card\"\u003e\n\n \u003cdiv class=\"ee-use-icon\"\u003e\n 🧲\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Retrieve Dropped Parts\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Use the included magnetic attachment to\n retrieve suitable metal parts from tight spaces.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n SOUTH AFRICA\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-sa\"\u003e\n\n\n \u003ch2\u003e\n πŸ‡ΏπŸ‡¦ Built For SA Mechanics \u0026amp; DIY Enthusiasts\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n Whether you're working in a professional workshop,\n maintaining your own vehicle or simply like knowing\n exactly what's happening under the bonnet, EngineEye\n Pro puts a closer look within reach.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"ee-cities\"\u003e\n\n \u003cdiv class=\"ee-city\"\u003e\n πŸ‡ΏπŸ‡¦ Johannesburg\n \u003c\/div\u003e\n\n \u003cdiv class=\"ee-city\"\u003e\n 🌊 Durban\n \u003c\/div\u003e\n\n \u003cdiv class=\"ee-city\"\u003e\n πŸŒ… Cape Town\n \u003c\/div\u003e\n\n \u003cdiv class=\"ee-city\"\u003e\n πŸ› οΈ SA Workshops\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n ACCESSORIES\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-accessories\"\u003e\n\n\n \u003cdiv class=\"ee-section-heading\"\u003e\n\n \u003ch2\u003e\n More Than Just A Camera\n \u003c\/h2\u003e\n\n \u003cp\u003e\n The included attachments make the EngineEye Pro\n useful when something goes where it shouldn't.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-accessory-box\"\u003e\n\n\n \u003cdiv class=\"ee-accessory\"\u003e\n\n \u003cdiv class=\"ee-accessory-icon\"\u003e\n 🧲\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Magnetic Retrieval Attachment\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Dropped a screw, bolt or other suitable metal\n component somewhere difficult to reach? The\n magnetic attachment is designed to help retrieve\n compatible metal parts from tight spaces.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"ee-accessory\"\u003e\n\n \u003cdiv class=\"ee-accessory-icon\"\u003e\n πŸͺ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hook Attachment\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The hook attachment helps you grab suitable\n non-magnetic objects such as small rubber\n grommets, cable ties and similar items.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n WHAT'S IN THE BOX\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-box\"\u003e\n\n\n \u003ch2\u003e\n πŸ“¦ What's In The Box?\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Everything you need to start inspecting.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"ee-box-items\"\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ EngineEye Pro Camera Unit\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ 4.3\" IPS HD Screen\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ 8mm Waterproof Probe\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ 3m Semi-Rigid Cable\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ Magnetic Attachment\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ Hook Attachment\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ Type-C Charging Cable\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ee-box-item\"\u003e\n βœ“ User Manual\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =====================================================\n BRAND FOOTER\n ====================================================== --\u003e\n\n \u003cdiv class=\"ee-footer\"\u003e\n\n \u003cstrong\u003e\n Proudly brought to you by Vrrpha Gadgets SA πŸ‡ΏπŸ‡¦\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Your ride. Your tools. Your edge.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Default Title","offer_id":48464729145533,"sku":null,"price":1200.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/engineeye-pro-with-3m-cable-label.png?v=1789714441"},{"product_id":"boltstyle-aluminium-washers","title":"BoltStyle Aluminium Washers","description":"\u003cstyle\u003e\n\/* =========================================================\n VRRPHA GADGETS SA\n BOLTSTYLE ALUMINIUM WASHER KIT\n PREMIUM AUTOMOTIVE EDITION\n ========================================================= *\/\n\n.vg-boltstyle {\n --black:#07090b;\n --black2:#0d1115;\n --panel:#11171c;\n --panel2:#151d22;\n --silver:#d9e0e4;\n --silver2:#89949c;\n --white:#ffffff;\n --muted:#8b969e;\n --accent:#ff3b30;\n --accent2:#ff6b61;\n --line:rgba(255,255,255,.09);\n\n position:relative;\n overflow:hidden;\n background:\n radial-gradient(circle at 10% 10%,rgba(255,59,48,.12),transparent 25%),\n radial-gradient(circle at 90% 30%,rgba(100,130,150,.12),transparent 28%),\n linear-gradient(145deg,#050607,#0b1014 50%,#060708);\n color:var(--white);\n font-family:Arial,Helvetica,sans-serif;\n}\n\n.vg-boltstyle *,\n.vg-boltstyle *::before,\n.vg-boltstyle *::after {\n box-sizing:border-box;\n}\n\n.vg-wrap {\n max-width:1250px;\n margin:auto;\n padding:85px 22px;\n position:relative;\n}\n\n\/* =========================\n BACKGROUND DETAILS\n ========================= *\/\n\n.vg-grid {\n position:absolute;\n inset:0;\n pointer-events:none;\n opacity:.25;\n background-image:\n linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n background-size:55px 55px;\n mask-image:linear-gradient(to bottom,black,transparent 90%);\n}\n\n.vg-glow {\n position:absolute;\n width:400px;\n height:400px;\n border-radius:50%;\n background:rgba(255,59,48,.08);\n filter:blur(80px);\n pointer-events:none;\n animation:vgGlow 7s ease-in-out infinite;\n}\n\n.vg-glow.one {\n left:-220px;\n top:180px;\n}\n\n.vg-glow.two {\n right:-220px;\n top:650px;\n background:rgba(90,120,140,.09);\n animation-delay:2s;\n}\n\n@keyframes vgGlow {\n 0%,100% {\n transform:scale(.9);\n opacity:.5;\n }\n 50% {\n transform:scale(1.2);\n opacity:1;\n }\n}\n\n\/* =========================\n TOP LABEL\n ========================= *\/\n\n.vg-label {\n width:max-content;\n max-width:100%;\n margin:0 auto 25px;\n padding:9px 17px;\n border:1px solid rgba(255,255,255,.12);\n border-radius:50px;\n background:rgba(255,255,255,.035);\n backdrop-filter:blur(12px);\n color:#aeb8be;\n font-size:9px;\n font-weight:800;\n letter-spacing:3px;\n text-transform:uppercase;\n animation:vgUp .8s ease both;\n}\n\n.vg-label span {\n color:var(--accent);\n}\n\n\/* =========================\n HERO\n ========================= *\/\n\n.vg-hero {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:70px;\n align-items:center;\n min-height:650px;\n}\n\n.vg-copy {\n animation:vgUp 1s ease both;\n}\n\n.vg-kicker {\n display:flex;\n align-items:center;\n gap:10px;\n color:#e05a52;\n font-size:10px;\n font-weight:800;\n letter-spacing:3px;\n text-transform:uppercase;\n margin-bottom:18px;\n}\n\n.vg-kicker::before {\n content:\"\";\n width:35px;\n height:1px;\n background:var(--accent);\n}\n\n.vg-title {\n margin:0;\n font-size:clamp(47px,6vw,79px);\n line-height:.9;\n letter-spacing:-4px;\n font-weight:900;\n text-transform:uppercase;\n}\n\n.vg-title span {\n display:block;\n color:transparent;\n -webkit-text-stroke:1px rgba(255,255,255,.55);\n}\n\n.vg-title strong {\n display:block;\n background:\n linear-gradient(\n 90deg,\n #ffffff,\n #8f9ba2,\n #ffffff,\n #c1c9ce,\n #ffffff\n );\n background-size:300% auto;\n -webkit-background-clip:text;\n background-clip:text;\n color:transparent;\n animation:vgMetal 5s linear infinite;\n}\n\n@keyframes vgMetal {\n 0% {background-position:0% center;}\n 100% {background-position:300% center;}\n}\n\n.vg-subtitle {\n max-width:590px;\n margin:28px 0;\n color:#9aa6ad;\n font-size:17px;\n line-height:1.75;\n}\n\n.vg-subtitle strong {\n color:#fff;\n}\n\n\/* =========================\n HERO FEATURES\n ========================= *\/\n\n.vg-mini-features {\n display:flex;\n flex-wrap:wrap;\n gap:9px;\n margin-bottom:28px;\n}\n\n.vg-mini {\n padding:10px 13px;\n border-radius:5px;\n border:1px solid var(--line);\n background:rgba(255,255,255,.035);\n color:#c3cbd0;\n font-size:10px;\n font-weight:700;\n letter-spacing:.5px;\n}\n\n.vg-mini::before {\n content:\"βœ“\";\n margin-right:6px;\n color:var(--accent);\n font-weight:900;\n}\n\n\/* =========================\n CTA\n ========================= *\/\n\n.vg-button {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:12px;\n min-width:220px;\n padding:17px 28px;\n border-radius:6px;\n background:\n linear-gradient(\n 135deg,\n #d92820,\n #ff4b40\n );\n color:#fff !important;\n text-decoration:none !important;\n font-size:12px;\n font-weight:900;\n letter-spacing:1px;\n text-transform:uppercase;\n box-shadow:\n 0 15px 40px rgba(255,59,48,.20),\n inset 0 1px rgba(255,255,255,.25);\n transition:.35s ease;\n}\n\n.vg-button:hover {\n transform:translateY(-5px);\n box-shadow:\n 0 25px 55px rgba(255,59,48,.30);\n}\n\n.vg-note {\n margin-top:13px;\n font-size:9px;\n color:#69757c;\n}\n\n\/* =========================\n PREMIUM PRODUCT VISUAL\n ========================= *\/\n\n.vg-product-stage {\n position:relative;\n min-height:560px;\n display:flex;\n align-items:center;\n justify-content:center;\n animation:vgProductIn 1.2s cubic-bezier(.2,.8,.2,1) both;\n}\n\n@keyframes vgProductIn {\n from {\n opacity:0;\n transform:scale(.85) translateY(30px);\n }\n to {\n opacity:1;\n transform:scale(1) translateY(0);\n }\n}\n\n\/* rotating rings *\/\n\n.vg-ring {\n position:absolute;\n border-radius:50%;\n border:1px solid rgba(255,255,255,.08);\n transform:rotateX(70deg);\n animation:vgRotate 10s linear infinite;\n}\n\n.vg-ring.r1 {\n width:380px;\n height:380px;\n}\n\n.vg-ring.r2 {\n width:480px;\n height:480px;\n animation-duration:15s;\n animation-direction:reverse;\n}\n\n@keyframes vgRotate {\n from {\n transform:rotateX(70deg) rotateZ(0);\n }\n to {\n transform:rotateX(70deg) rotateZ(360deg);\n }\n}\n\n\/* washer *\/\n\n.vg-washer {\n position:relative;\n z-index:5;\n width:290px;\n height:290px;\n border-radius:50%;\n background:\n radial-gradient(\n circle,\n #060708 0 20%,\n #293138 21% 27%,\n #0b0e10 28% 35%,\n #cfd5d8 36% 44%,\n #606b72 45% 49%,\n #e4e8ea 50% 53%,\n #30383e 54% 100%\n );\n box-shadow:\n 0 35px 70px rgba(0,0,0,.65),\n inset 0 8px 20px rgba(255,255,255,.18),\n 0 0 70px rgba(255,59,48,.12);\n animation:vgWasher 6s ease-in-out infinite;\n}\n\n.vg-washer::before {\n content:\"\";\n position:absolute;\n inset:20px;\n border-radius:50%;\n border:1px solid rgba(255,255,255,.20);\n}\n\n.vg-washer::after {\n content:\"\";\n position:absolute;\n inset:48px;\n border-radius:50%;\n background:\n radial-gradient(\n circle at 30% 25%,\n rgba(255,255,255,.55),\n transparent 22%\n ),\n #080a0c;\n box-shadow:\n inset 0 8px 18px rgba(255,255,255,.05);\n}\n\n@keyframes vgWasher {\n 0%,100% {\n transform:perspective(900px) rotateX(18deg) rotateY(-12deg) translateY(0);\n }\n 50% {\n transform:perspective(900px) rotateX(25deg) rotateY(12deg) translateY(-15px);\n }\n}\n\n\/* screw *\/\n\n.vg-screw {\n position:absolute;\n z-index:6;\n width:95px;\n height:95px;\n border-radius:50%;\n background:\n repeating-linear-gradient(\n 90deg,\n #b7c0c5 0 5px,\n #68747b 5px 9px\n );\n box-shadow:\n 0 20px 40px rgba(0,0,0,.6),\n inset 0 5px 10px rgba(255,255,255,.35);\n animation:vgScrew 6s ease-in-out infinite;\n}\n\n.vg-screw::after {\n content:\"+\";\n position:absolute;\n inset:21px;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#161b1f;\n color:#9fa9ae;\n font-size:31px;\n font-weight:300;\n box-shadow:inset 0 5px 10px rgba(0,0,0,.6);\n}\n\n@keyframes vgScrew {\n 0%,100% {\n transform:translate(125px,100px) rotate(0deg);\n }\n 50% {\n transform:translate(140px,85px) rotate(25deg);\n }\n}\n\n\/* floating labels *\/\n\n.vg-floating {\n position:absolute;\n z-index:8;\n padding:13px 17px;\n border:1px solid rgba(255,255,255,.10);\n border-radius:7px;\n background:rgba(10,13,16,.78);\n backdrop-filter:blur(15px);\n box-shadow:0 15px 40px rgba(0,0,0,.35);\n animation:vgFloat 4s ease-in-out infinite;\n}\n\n.vg-floating strong {\n display:block;\n color:#fff;\n font-size:12px;\n}\n\n.vg-floating span {\n display:block;\n margin-top:3px;\n color:#77838a;\n font-size:8px;\n letter-spacing:1px;\n text-transform:uppercase;\n}\n\n.vg-floating.one {\n left:5%;\n top:22%;\n}\n\n.vg-floating.two {\n right:0;\n bottom:20%;\n animation-delay:1.5s;\n}\n\n@keyframes vgFloat {\n 0%,100% {\n transform:translateY(0);\n }\n 50% {\n transform:translateY(-9px);\n }\n}\n\n\/* =========================\n STATS BAR\n ========================= *\/\n\n.vg-stats {\n display:grid;\n grid-template-columns:repeat(4,1fr);\n border-top:1px solid var(--line);\n border-bottom:1px solid var(--line);\n background:rgba(255,255,255,.018);\n}\n\n.vg-stat {\n padding:28px 18px;\n text-align:center;\n border-right:1px solid var(--line);\n}\n\n.vg-stat:last-child {\n border-right:0;\n}\n\n.vg-stat strong {\n display:block;\n font-size:23px;\n font-weight:900;\n color:#fff;\n}\n\n.vg-stat span {\n display:block;\n margin-top:6px;\n font-size:8px;\n letter-spacing:1.8px;\n text-transform:uppercase;\n color:#6f7b82;\n}\n\n\/* =========================\n SECTION HEADINGS\n ========================= *\/\n\n.vg-section {\n margin-top:110px;\n}\n\n.vg-heading {\n max-width:750px;\n margin:0 auto 55px;\n text-align:center;\n}\n\n.vg-heading small {\n display:block;\n margin-bottom:12px;\n color:#e25249;\n font-size:9px;\n font-weight:900;\n letter-spacing:3px;\n text-transform:uppercase;\n}\n\n.vg-heading h2 {\n margin:0;\n font-size:clamp(35px,5vw,57px);\n line-height:1;\n letter-spacing:-2px;\n text-transform:uppercase;\n}\n\n.vg-heading h2 span {\n color:#777f84;\n}\n\n.vg-heading p {\n margin:18px auto 0;\n max-width:650px;\n color:#7f8a91;\n font-size:14px;\n line-height:1.75;\n}\n\n\/* =========================\n USE CASES\n ========================= *\/\n\n.vg-use-grid {\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:16px;\n}\n\n.vg-use {\n position:relative;\n min-height:205px;\n padding:26px 22px;\n overflow:hidden;\n border:1px solid var(--line);\n border-radius:10px;\n background:\n linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));\n transition:.4s ease;\n opacity:0;\n transform:translateY(25px);\n}\n\n.vg-use.visible {\n opacity:1;\n transform:translateY(0);\n}\n\n.vg-use:hover {\n transform:translateY(-8px);\n border-color:rgba(255,59,48,.28);\n box-shadow:0 25px 55px rgba(0,0,0,.28);\n}\n\n.vg-use-number {\n position:absolute;\n right:15px;\n top:5px;\n font-size:70px;\n font-weight:900;\n color:rgba(255,255,255,.025);\n}\n\n.vg-use-icon {\n width:45px;\n height:45px;\n display:flex;\n align-items:center;\n justify-content:center;\n margin-bottom:25px;\n border:1px solid rgba(255,59,48,.25);\n border-radius:7px;\n color:#ff6359;\n font-size:19px;\n}\n\n.vg-use h3 {\n margin:0 0 9px;\n font-size:17px;\n text-transform:uppercase;\n}\n\n.vg-use p {\n margin:0;\n color:#79858c;\n font-size:11px;\n line-height:1.65;\n}\n\n\/* =========================\n WHY UPGRADE\n ========================= *\/\n\n.vg-upgrade {\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:30px;\n align-items:stretch;\n}\n\n.vg-upgrade-card {\n padding:45px;\n border:1px solid var(--line);\n border-radius:12px;\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.055),\n rgba(255,255,255,.015)\n );\n}\n\n.vg-upgrade-card.dark {\n background:\n radial-gradient(circle at 90% 10%,rgba(255,59,48,.14),transparent 30%),\n #0c1115;\n}\n\n.vg-upgrade-card h3 {\n margin:0 0 15px;\n font-size:27px;\n text-transform:uppercase;\n}\n\n.vg-upgrade-card p {\n margin:0;\n color:#7d898f;\n font-size:13px;\n line-height:1.8;\n}\n\n.vg-checks {\n display:grid;\n gap:13px;\n margin-top:28px;\n}\n\n.vg-check {\n display:flex;\n gap:11px;\n align-items:center;\n color:#b7c0c5;\n font-size:11px;\n}\n\n.vg-check b {\n width:22px;\n height:22px;\n display:flex;\n align-items:center;\n justify-content:center;\n flex-shrink:0;\n border-radius:50%;\n background:rgba(255,59,48,.12);\n color:#ff6158;\n font-size:10px;\n}\n\n\/* =========================\n COLOUR SHOWCASE\n ========================= *\/\n\n.vg-colours {\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n gap:18px;\n}\n\n.vg-colour {\n position:relative;\n width:86px;\n text-align:center;\n cursor:pointer;\n}\n\n.vg-colour-dot {\n width:58px;\n height:58px;\n margin:auto;\n border-radius:50%;\n border:3px solid #15191c;\n box-shadow:\n 0 8px 25px rgba(0,0,0,.4),\n inset 0 3px 8px rgba(255,255,255,.35);\n transition:.35s ease;\n}\n\n.vg-colour:hover .vg-colour-dot {\n transform:scale(1.16) translateY(-5px);\n}\n\n.vg-colour span {\n display:block;\n margin-top:9px;\n color:#7c878e;\n font-size:8px;\n font-weight:800;\n letter-spacing:1px;\n text-transform:uppercase;\n}\n\n.gold{background:linear-gradient(135deg,#7b5a12,#ffd966,#a77b17);}\n.green{background:linear-gradient(135deg,#164d32,#37a66c,#103d29);}\n.pink{background:linear-gradient(135deg,#743c52,#f080a5,#9e486a);}\n.purple{background:linear-gradient(135deg,#43255e,#a763d1,#54286f);}\n.red{background:linear-gradient(135deg,#611612,#ff3d31,#8b1d18);}\n.titanium{background:linear-gradient(135deg,#555e63,#d2d9dc,#737d83);}\n.black{background:linear-gradient(135deg,#050505,#30363a,#080808);}\n.rainbow{\n background:\n conic-gradient(\n #ff3b30,\n #ffcf45,\n #52c878,\n #42c7e8,\n #7e5ce6,\n #ef69a8,\n #ff3b30\n );\n}\n\n\/* =========================\n SPECS\n ========================= *\/\n\n.vg-specs {\n display:grid;\n grid-template-columns:repeat(2,1fr);\n overflow:hidden;\n border:1px solid var(--line);\n border-radius:10px;\n}\n\n.vg-spec {\n display:flex;\n justify-content:space-between;\n gap:20px;\n padding:21px 24px;\n border-bottom:1px solid var(--line);\n background:rgba(255,255,255,.018);\n}\n\n.vg-spec:nth-child(odd) {\n border-right:1px solid var(--line);\n}\n\n.vg-spec b {\n font-size:10px;\n color:#c5cdd1;\n text-transform:uppercase;\n letter-spacing:.5px;\n}\n\n.vg-spec span {\n text-align:right;\n color:#79858c;\n font-size:10px;\n}\n\n\/* =========================\n INSTALLATION\n ========================= *\/\n\n.vg-install {\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:18px;\n}\n\n.vg-install-step {\n padding:30px 24px;\n border-left:2px solid #252d32;\n transition:.35s ease;\n}\n\n.vg-install-step:hover {\n border-left-color:var(--accent);\n background:linear-gradient(90deg,rgba(255,59,48,.05),transparent);\n}\n\n.vg-install-step strong {\n display:block;\n margin-bottom:12px;\n color:#fff;\n font-size:14px;\n text-transform:uppercase;\n}\n\n.vg-install-step p {\n margin:0;\n color:#768289;\n font-size:11px;\n line-height:1.7;\n}\n\n\/* =========================\n FINAL CTA\n ========================= *\/\n\n.vg-final {\n position:relative;\n overflow:hidden;\n margin-top:110px;\n padding:90px 25px;\n text-align:center;\n border:1px solid rgba(255,59,48,.16);\n border-radius:14px;\n background:\n radial-gradient(circle at 50% 0%,rgba(255,59,48,.16),transparent 38%),\n linear-gradient(145deg,#10161a,#090c0f);\n}\n\n.vg-final::before {\n content:\"\";\n position:absolute;\n width:500px;\n height:500px;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n border:1px solid rgba(255,255,255,.035);\n border-radius:50%;\n animation:vgFinalRing 7s linear infinite;\n}\n\n@keyframes vgFinalRing {\n to {\n transform:translate(-50%,-50%) rotate(360deg);\n }\n}\n\n.vg-final small {\n position:relative;\n z-index:2;\n display:block;\n margin-bottom:15px;\n color:#e25b53;\n font-size:9px;\n font-weight:900;\n letter-spacing:3px;\n text-transform:uppercase;\n}\n\n.vg-final h2 {\n position:relative;\n z-index:2;\n margin:0 auto 18px;\n max-width:800px;\n font-size:clamp(39px,6vw,70px);\n line-height:.95;\n letter-spacing:-3px;\n text-transform:uppercase;\n}\n\n.vg-final p {\n position:relative;\n z-index:2;\n max-width:600px;\n margin:0 auto 30px;\n color:#78848a;\n font-size:14px;\n line-height:1.7;\n}\n\n.vg-final .vg-button {\n position:relative;\n z-index:2;\n}\n\n\/* =========================\n ANIMATIONS\n ========================= *\/\n\n@keyframes vgUp {\n from {\n opacity:0;\n transform:translateY(25px);\n }\n to {\n opacity:1;\n transform:translateY(0);\n }\n}\n\n\/* =========================\n MOBILE\n ========================= *\/\n\n@media(max-width:950px){\n\n .vg-wrap {\n padding:65px 18px;\n }\n\n .vg-hero {\n grid-template-columns:1fr;\n gap:25px;\n text-align:center;\n }\n\n .vg-copy {\n display:flex;\n flex-direction:column;\n align-items:center;\n }\n\n .vg-kicker {\n justify-content:center;\n }\n\n .vg-title {\n font-size:clamp(45px,11vw,68px);\n }\n\n .vg-subtitle {\n font-size:15px;\n }\n\n .vg-product-stage {\n min-height:480px;\n }\n\n .vg-use-grid {\n grid-template-columns:1fr 1fr;\n }\n\n .vg-upgrade {\n grid-template-columns:1fr;\n }\n\n .vg-install {\n grid-template-columns:1fr;\n }\n}\n\n@media(max-width:600px){\n\n .vg-wrap {\n padding:50px 15px;\n }\n\n .vg-title {\n font-size:clamp(42px,13vw,60px);\n letter-spacing:-3px;\n }\n\n .vg-product-stage {\n min-height:400px;\n }\n\n .vg-washer {\n width:225px;\n height:225px;\n }\n\n .vg-ring.r1 {\n width:300px;\n height:300px;\n }\n\n .vg-ring.r2 {\n width:370px;\n height:370px;\n }\n\n .vg-screw {\n width:72px;\n height:72px;\n }\n\n .vg-screw::after {\n inset:16px;\n font-size:23px;\n }\n\n .vg-screw {\n animation-name:vgScrewMobile;\n }\n\n @keyframes vgScrewMobile {\n 0%,100% {\n transform:translate(95px,75px);\n }\n 50% {\n transform:translate(105px,65px) rotate(25deg);\n }\n }\n\n .vg-floating.one {\n left:0;\n top:18%;\n }\n\n .vg-floating.two {\n right:0;\n bottom:14%;\n }\n\n .vg-stats {\n grid-template-columns:1fr 1fr;\n }\n\n .vg-stat {\n border-bottom:1px solid var(--line);\n }\n\n .vg-stat:nth-child(2) {\n border-right:0;\n }\n\n .vg-use-grid {\n grid-template-columns:1fr;\n }\n\n .vg-upgrade-card {\n padding:30px 24px;\n }\n\n .vg-specs {\n grid-template-columns:1fr;\n }\n\n .vg-spec:nth-child(odd) {\n border-right:0;\n }\n\n .vg-final {\n margin-top:75px;\n padding:70px 20px;\n }\n\n .vg-final h2 {\n font-size:40px;\n }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n .vg-boltstyle *,\n .vg-boltstyle *::before,\n .vg-boltstyle *::after {\n animation:none!important;\n transition:none!important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"vg-boltstyle\"\u003e\n\n \u003cdiv class=\"vg-grid\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vg-glow one\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vg-glow two\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vg-wrap\"\u003e\n\n \u003c!-- =========================\n HERO\n ========================= --\u003e\n\n \u003cdiv class=\"vg-label\"\u003e\n VRRPHA GADGETS SA \u003cspan\u003e✦\u003c\/span\u003e AUTOMOTIVE COLLECTION\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-hero\"\u003e\n\n \u003cdiv class=\"vg-copy\"\u003e\n\n \u003cdiv class=\"vg-kicker\"\u003e\n Upgrade Your Ride\n \u003c\/div\u003e\n\n \u003ch1 class=\"vg-title\"\u003e\n \u003cspan\u003eBolt\u003c\/span\u003e\n \u003cstrong\u003eStyle.\u003c\/strong\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"vg-subtitle\"\u003e\n Give your vehicle that \u003cstrong\u003eclean, custom finish\u003c\/strong\u003e\n with the BoltStyle Aluminium Washer Kit β€” premium anodized\n washers designed to turn ordinary visible bolts into a\n standout detail.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vg-mini-features\"\u003e\n\n \u003cdiv class=\"vg-mini\"\u003e\n 12 Aluminium Washers\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-mini\"\u003e\n 12 Stainless Screws\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-mini\"\u003e\n Anodized Finish\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-mini\"\u003e\n SA Delivery\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003ca href=\"#boltstyle-details\" class=\"vg-button\"\u003e\n Upgrade Your Ride β†’\n \u003c\/a\u003e\n\n \u003cdiv class=\"vg-note\"\u003e\n Designed for car enthusiasts β€’ Multiple colour options\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PRODUCT VISUAL --\u003e\n\n \u003cdiv class=\"vg-product-stage\"\u003e\n\n \u003cdiv class=\"vg-ring r1\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vg-ring r2\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vg-washer\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vg-screw\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"vg-floating one\"\u003e\n \u003cstrong\u003eANODIZED ALUMINIUM\u003c\/strong\u003e\n \u003cspan\u003ePremium finish\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-floating two\"\u003e\n \u003cstrong\u003eSTAINLESS STEEL\u003c\/strong\u003e\n \u003cspan\u003e12 included screws\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n QUICK STATS\n ========================= --\u003e\n\n \u003cdiv class=\"vg-stats\"\u003e\n\n \u003cdiv class=\"vg-stat\"\u003e\n \u003cstrong\u003e12\u003c\/strong\u003e\n \u003cspan\u003eAluminium Washers\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-stat\"\u003e\n \u003cstrong\u003e12\u003c\/strong\u003e\n \u003cspan\u003eStainless Screws\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-stat\"\u003e\n \u003cstrong\u003e8\u003c\/strong\u003e\n \u003cspan\u003eColours Available\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-stat\"\u003e\n \u003cstrong\u003eSA πŸ‡ΏπŸ‡¦\u003c\/strong\u003e\n \u003cspan\u003eNationwide Delivery\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n WHERE TO USE\n ========================= --\u003e\n\n \u003cdiv class=\"vg-section\" id=\"boltstyle-details\"\u003e\n\n \u003cdiv class=\"vg-heading\"\u003e\n\n \u003csmall\u003eOne Kit. Multiple Uses.\u003c\/small\u003e\n\n \u003ch2\u003e\n Small Details.\u003cbr\u003e\n \u003cspan\u003eBig Difference.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Use BoltStyle wherever visible fasteners are part of the look.\n Add colour, contrast and a more finished appearance to your build.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-use-grid\"\u003e\n\n \u003cdiv class=\"vg-use reveal\"\u003e\n\n \u003cdiv class=\"vg-use-number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"vg-use-icon\"\u003eβ–£\u003c\/div\u003e\n\n \u003ch3\u003eLicence Plates\u003c\/h3\u003e\n\n \u003cp\u003e\n Give your licence plate mounting points a cleaner,\n more customised appearance.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-use reveal\"\u003e\n\n \u003cdiv class=\"vg-use-number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"vg-use-icon\"\u003eβ—†\u003c\/div\u003e\n\n \u003ch3\u003eEngine Bay\u003c\/h3\u003e\n\n \u003cp\u003e\n Add a pop of colour to visible fasteners and\n create a more detailed engine-bay finish.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-use reveal\"\u003e\n\n \u003cdiv class=\"vg-use-number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"vg-use-icon\"\u003eβ—‡\u003c\/div\u003e\n\n \u003ch3\u003eInterior\u003c\/h3\u003e\n\n \u003cp\u003e\n Style visible bolts around selected interior\n panels and accessories.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-use reveal\"\u003e\n\n \u003cdiv class=\"vg-use-number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"vg-use-icon\"\u003e✦\u003c\/div\u003e\n\n \u003ch3\u003eCustom Builds\u003c\/h3\u003e\n\n \u003cp\u003e\n Perfect for enthusiasts who love adding those\n small finishing touches to their vehicle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n WHY BOLTSTYLE\n ========================= --\u003e\n\n \u003cdiv class=\"vg-section\"\u003e\n\n \u003cdiv class=\"vg-upgrade\"\u003e\n\n \u003cdiv class=\"vg-upgrade-card dark\"\u003e\n\n \u003ch3\u003e\n Built For The Detail-Obsessed.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Your build isn't finished when the big modifications\n are done. It's the smaller details that bring everything\n together.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vg-checks\"\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003eβœ“\u003c\/b\u003e\n Anodized aluminium finish\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003eβœ“\u003c\/b\u003e\n Stainless steel screws\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003eβœ“\u003c\/b\u003e\n Rust \u0026amp; corrosion resistant finish\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003eβœ“\u003c\/b\u003e\n Multiple colour choices\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-upgrade-card\"\u003e\n\n \u003ch3\u003e\n Instant Visual Upgrade.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Swap ordinary visible fasteners for a more distinctive\n finish. Choose a colour that complements your paint,\n wheels, interior or engine bay.\n \u003c\/p\u003e\n\n \u003cdiv class=\"vg-checks\"\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003e01\u003c\/b\u003e\n Choose your colour\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003e02\u003c\/b\u003e\n Position your washer\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003e03\u003c\/b\u003e\n Secure with the supplied screw\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-check\"\u003e\n \u003cb\u003e04\u003c\/b\u003e\n Enjoy the finished look\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n COLOURS\n ========================= --\u003e\n\n \u003cdiv class=\"vg-section\"\u003e\n\n \u003cdiv class=\"vg-heading\"\u003e\n\n \u003csmall\u003eMake It Yours\u003c\/small\u003e\n\n \u003ch2\u003e\n Pick Your \u003cspan\u003eFinish.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Match your build, contrast your paintwork or go full custom.\n BoltStyle is available in eight eye-catching finishes.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-colours\"\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot gold\"\u003e\u003c\/div\u003e\n \u003cspan\u003eGold\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot green\"\u003e\u003c\/div\u003e\n \u003cspan\u003eGreen\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot pink\"\u003e\u003c\/div\u003e\n \u003cspan\u003ePink\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot purple\"\u003e\u003c\/div\u003e\n \u003cspan\u003ePurple\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot red\"\u003e\u003c\/div\u003e\n \u003cspan\u003eRed\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot titanium\"\u003e\u003c\/div\u003e\n \u003cspan\u003eTitanium\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot black\"\u003e\u003c\/div\u003e\n \u003cspan\u003eBlack\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-colour\"\u003e\n \u003cdiv class=\"vg-colour-dot rainbow\"\u003e\u003c\/div\u003e\n \u003cspan\u003eRainbow\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n INSTALLATION\n ========================= --\u003e\n\n \u003cdiv class=\"vg-section\"\u003e\n\n \u003cdiv class=\"vg-heading\"\u003e\n\n \u003csmall\u003eSimple Installation\u003c\/small\u003e\n\n \u003ch2\u003e\n Fit It.\u003cbr\u003e\n \u003cspan\u003eStyle It.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-install\"\u003e\n\n \u003cdiv class=\"vg-install-step\"\u003e\n\n \u003cstrong\u003e01 β€” Choose\u003c\/strong\u003e\n\n \u003cp\u003e\n Pick the BoltStyle colour that best matches\n your vehicle or build.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-install-step\"\u003e\n\n \u003cstrong\u003e02 β€” Position\u003c\/strong\u003e\n\n \u003cp\u003e\n Place the aluminium washer over the compatible\n mounting point or visible fastener.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-install-step\"\u003e\n\n \u003cstrong\u003e03 β€” Secure\u003c\/strong\u003e\n\n \u003cp\u003e\n Install the supplied stainless steel screw\n and secure it appropriately.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n SPECIFICATIONS\n ========================= --\u003e\n\n \u003cdiv class=\"vg-section\"\u003e\n\n \u003cdiv class=\"vg-heading\"\u003e\n\n \u003csmall\u003eProduct Details\u003c\/small\u003e\n\n \u003ch2\u003e\n The Numbers\u003cbr\u003e\n \u003cspan\u003eMatter.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"vg-specs\"\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eWashers Included\u003c\/b\u003e\n \u003cspan\u003e12\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eScrews Included\u003c\/b\u003e\n \u003cspan\u003e12\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eWasher Material\u003c\/b\u003e\n \u003cspan\u003eAnodized Aluminium\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eScrew Material\u003c\/b\u003e\n \u003cspan\u003eStainless Steel\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eOuter Diameter\u003c\/b\u003e\n \u003cspan\u003e18.8 mm\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eInner Hole\u003c\/b\u003e\n \u003cspan\u003e6.2 mm\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eScrew Length\u003c\/b\u003e\n \u003cspan\u003e19.9 mm\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"vg-spec\"\u003e\n \u003cb\u003eFinish\u003c\/b\u003e\n \u003cspan\u003eAnodized\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================\n FINAL CTA\n ========================= --\u003e\n\n \u003cdiv class=\"vg-final\"\u003e\n\n \u003csmall\u003e\n VRRPHA GADGETS SA β€’ BOLTSTYLE\n \u003c\/small\u003e\n\n \u003ch2\u003e\n Your Car.\u003cbr\u003e\n Your Style.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Don't overlook the details. Add a clean, custom touch\n to your build with BoltStyle Aluminium Washers.\n \u003c\/p\u003e\n\n \u003ca href=\"\/cart\" class=\"vg-button\"\u003e\n Upgrade Your Ride β†’\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n \/* =========================\n SCROLL REVEAL\n ========================= *\/\n\n const items =\n document.querySelectorAll(\n \".vg-boltstyle .reveal\"\n );\n\n const observer =\n new IntersectionObserver(\n function(entries){\n\n entries.forEach(function(entry,index){\n\n if(entry.isIntersecting){\n\n setTimeout(function(){\n\n entry.target.classList.add(\"visible\");\n\n },index * 100);\n\n observer.unobserve(entry.target);\n }\n\n });\n\n },\n {\n threshold:.12\n }\n );\n\n items.forEach(function(item){\n observer.observe(item);\n });\n\n\n \/* =========================\n COLOUR INTERACTION\n ========================= *\/\n\n const colours =\n document.querySelectorAll(\n \".vg-boltstyle .vg-colour\"\n );\n\n const washer =\n document.querySelector(\n \".vg-boltstyle .vg-washer\"\n );\n\n colours.forEach(function(item){\n\n item.addEventListener(\n \"mouseenter\",\n function(){\n\n washer.style.transform =\n \"perspective(900px) rotateX(25deg) rotateY(10deg) scale(1.08)\";\n\n }\n );\n\n item.addEventListener(\n \"mouseleave\",\n function(){\n\n washer.style.transform =\n \"\";\n\n }\n );\n\n });\n\n});\n\u003c\/script\u003e","brand":"Vrrpha Gadgets SA","offers":[{"title":"Black","offer_id":48932058267837,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":48932058300605,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":48932058333373,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":48932058366141,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Red","offer_id":48932058398909,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Rainbow","offer_id":48932058431677,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true},{"title":"Titanium","offer_id":48932058464445,"sku":null,"price":170.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/files\/product-image-3.png?v=1789983107"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/3588\/1917\/collections\/option-3_1.png?v=1789979382","url":"https:\/\/vrrphagadgetssa.co.za\/collections\/our-collections.oembed","provider":"Vrrpha Gadgets SA","version":"1.0","type":"link"}