{"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","url":"https:\/\/vrrphagadgetssa.co.za\/products\/engineeye-pro-hd-automotive-inspection-camera","provider":"Vrrpha Gadgets SA","version":"1.0","type":"link"}