Oracle Lighting Miscellaneous Merchandise for 2007-2017 Jeep Wrangler JK Vector Pro Series II Full LED Grill - Integrated Headlights & DRL - Part #5817-PRO

/* ========================= ORACLE PDP STANDARD v1.0 (Portable / Scoped) ========================= */ .oracle-pdp-standard{ color:#1a1a1a; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif; line-height:1.7; } .oracle-pdp-standard p, .oracle-pdp-standard li, .oracle-pdp-standard span, .oracle-pdp-standard div, .oracle-pdp-standard h1, .oracle-pdp-standard h2, .oracle-pdp-standard h3, .oracle-pdp-standard h4{ color:inherit; } .oracle-pdp-standard a{ color:#f7021f; } .oracle-pdp-standard a:hover{ color:#d00219; } /* ========================= HERO ========================= */ .oracle-pdp-standard .product-hero-gradient{ background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%); padding:40px; border-radius:12px; margin:0 0 30px; color:#ffffff; box-shadow:0 4px 20px rgba(0,0,0,0.15); } .oracle-pdp-standard .product-hero-gradient h1{ font-size:2.05em; font-weight:800; margin:0 0 12px; color:#f7021f; line-height:1.2; } .oracle-pdp-standard .product-hero-gradient .subheadline{ font-size:1.12em; margin:0 0 18px; color:#e6e6e6; font-weight:400; line-height:1.45; } .oracle-pdp-standard .highlight-pills{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; } .oracle-pdp-standard .highlight-pill{ background:rgba(247,2,31,0.15); border:1px solid #f7021f; padding:9px 16px; border-radius:999px; font-size:.95em; font-weight:700; color:#ffffff; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; } .oracle-pdp-standard .highlight-pill:hover{ background:#f7021f; transform:translateY(-2px); box-shadow:0 4px 12px rgba(247,2,31,0.3); } .oracle-pdp-standard .partline{ margin:10px 0 0; font-size:.98em; color:#f2f2f2; } .oracle-pdp-standard .status-badge{ display:inline-block; margin-left:8px; padding:4px 10px; border-radius:999px; font-weight:800; font-size:.85em; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; } /* ========================= DETAILS / SUMMARY ACCORDION ========================= */ .oracle-pdp-standard .details-section{ margin:18px 0; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden; background:#ffffff; transition:border-color .2s ease,box-shadow .2s ease; } .oracle-pdp-standard .details-section:hover{ border-color:#f7021f; box-shadow:0 2px 8px rgba(0,0,0,0.1); } .oracle-pdp-standard .details-header{ list-style:none; background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%); padding:16px 18px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; user-select:none; font-weight:800; color:#1a1a1a; } .oracle-pdp-standard .details-header::-webkit-details-marker{display:none;} .oracle-pdp-standard .details-header::marker{content:"";} .oracle-pdp-standard .details-title{ font-size:1.1em; } .oracle-pdp-standard .arrow{ font-size:1.4em; line-height:1; transform:rotate(0deg); transition:transform .2s ease; } .oracle-pdp-standard .details-section[open] .arrow{ transform:rotate(180deg); } .oracle-pdp-standard .details-header:hover{ background:linear-gradient(135deg,#f7021f 0%,#d00219 100%); color:#fff; } .oracle-pdp-standard .details-header:hover .arrow, .oracle-pdp-standard .details-header:hover .details-title{ color:#fff; } .oracle-pdp-standard .details-content{ padding:18px; background:#fff; } /* ========================= STANDARD LISTS + SPEC GRID ========================= */ .oracle-pdp-standard .pdp-list{ margin:0; padding-left:18px; line-height:1.9; } .oracle-pdp-standard .spec-list{ list-style:none; padding:0; margin:0; } .oracle-pdp-standard .spec-list li{ padding:10px 0; border-bottom:1px solid #e8e8e8; display:flex; justify-content:space-between; gap:14px; } .oracle-pdp-standard .spec-list li:last-child{ border-bottom:none; } .oracle-pdp-standard .spec-label{ font-weight:800; } .oracle-pdp-standard .spec-value{ color:#555; text-align:right; } .oracle-pdp-standard .note{ margin:12px 0 0; padding:14px; border-radius:10px; background:#f9f9f9; border:1px solid #ececec; } /* ========================= MEDIA + ICON ROW ========================= */ .oracle-pdp-standard .media-img{ display:block; width:100%; max-width:900px; height:auto; border-radius:12px; border:1px solid #e8e8e8; margin:14px 0 0; } .oracle-pdp-standard .icon-row{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:12px; } .oracle-pdp-standard .icon-row img{ width:auto; max-height:90px; height:auto; display:block; } /* Buttons */ .oracle-pdp-standard .oracle-btn{ display:inline-block; background:#f7021f; color:#ffffff !important; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:800; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; } .oracle-pdp-standard .oracle-btn:hover{ background:#d00219; transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.15); } /* Video embed container (used only when embed is known-safe) */ .oracle-pdp-standard .oracle-video{ width:100%; max-width:900px; aspect-ratio:16/9; border-radius:12px; border:1px solid #dee2e6; background:#000; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1); margin-top:12px; } .oracle-pdp-standard .oracle-video iframe{ width:100%; height:100%; border:0; display:block; } /* Video list as buttons (safe fallback) */ .oracle-pdp-standard .video-links{ display:grid; gap:10px; margin-top:10px; } .oracle-pdp-standard .video-link{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:12px; border:1px solid #e8e8e8; background:#fff; text-decoration:none; color:#1a1a1a; font-weight:800; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .oracle-pdp-standard .video-link:hover{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.08); border-color:#f7021f; } .oracle-pdp-standard .video-link .tag{ font-weight:800; color:#f7021f; white-space:nowrap; } @media (max-width:768px){ .oracle-pdp-standard .product-hero-gradient{ padding:24px; } .oracle-pdp-standard .product-hero-gradient h1{ font-size:1.55em; } .oracle-pdp-standard .spec-list li{ flex-direction:column; } .oracle-pdp-standard .spec-value{ text-align:left; } } Vector™ PRO Series II JK Grille with Integrated LED Low/High/DRL Full replacement 2007–2017 JK grille with integrated low beam, high beam, and Dynamic LED DRL—refined for 2024 durability with IP68 sealed DRL modules and hardware mounting. ✓ Fits 2007–2017 JK ✓ 5,600 lm Low (Combined) ✓ 7,200 lm High (Combined) ✓ Dynamic DRL Startup ✓ IP68 DRL Modules ✓ 2-Year Warranty ORACLE Part #: 5817-PRO Domestic Patent # D842175 International Patent # ZL201830136860.7 Overview â–¼ The ORACLE Lighting Vector™ PRO Series II Grill System for the Jeep Wrangler JK is updated for 2024 with major durability upgrades. VECTOR™ is the first full-featured replacement grille with integrated LED low beam, high beam, and Dynamic LED DRL.

More information:
Vector Grill Update 2024 Update: Enhanced Durability â–¼ 2024 Update: DRL modules are now robotically sealed to IP68 and mounted with hardware (not adhesive) for easier service and painting. Revised grille/DRL molds add clips and a designated seal area to help prevent separation and moisture intrusion seen in older models. Key Benefits â–¼ Full replacement JK grille with integrated LED lighting system Independently adjustable beam modules for proper aim (especially important for lifted Wranglers) Precision optics designed to reduce glare for oncoming traffic Dynamic LED DRL startup sequence for modern OEM-plus styling 2024 PRO Series II upgrades: IP68 DRL sealing + hardware mounting CAD-developed for factory-quality fit & finish At a Glance â–¼ Fitment 2007–2017 Jeep Wrangler JK Construction Polycarbonate Durability Impact-rated shell Installation Factory mounts Warranty 2 Years Technical Specifications â–¼ Grille Specifications Fitment: 2007–2017 Jeep Wrangler JK Construction: Polycarbonate Durability: Impact Rated Shell Installation: Factory Mounts LED Components: Fully Equipped Warranty: 2 Years Low Beam LED Emitter Specs Total Output: 4,000 Lumens LED Count / Type: 24 Phillips ZES™ 5W LEDs Adjustability: Horizontal & Vertical Optics: Advanced optic design Beam Design: Precision “no glare” output Driving / High Beam LED Emitter Specs Total Output: 1,600 Lumens LED Count / Type: 6 Phillips ZES™ 5W LEDs Adjustability: Horizontal & Vertical Optics: Advanced optic design Beam Design: Precision “no glare” output Dynamic DRL Specs LED Count: 200+ High Output LEDs Function: Daytime Running Light Effect: Dynamic startup sequence Ingress Protection: IP68 (robotically sealed modules) Turn Signal Specs LED Type: Amber 5630 High Output Chips Function: LED Turn Signal Light What’s Included â–¼ (1) ORACLE Lighting Vector Series Grill (4) Adjustable LED Low Beam Emitters (2) Adjustable LED Driving Beam Emitters (2) LED High Beam (Bright Beam) Emitters (2) Dynamic Daytime Running Lights (2) Amber LED Turn Signal Modules (2) Removable Mounting Brackets (2) Plug & Play Headlight Harnesses (4) Metal Grill Retailer Installation Clips (1) Installation Guide and DIY Video (8) Headlight Spacers (2) Screws (1) Weatherproof stripping Videos â–¼ Vector™ Grill Video 1 Watch ↗ Vector™ Grill Video 2 Watch ↗ Vector™ Grill Video 3 Watch ↗ Vector™ Grill Video 4 Watch ↗ Install & Support â–¼ Download Install Guide Installation FAQ