/* =========================================================
iKAGOO — VW Jetta Digital Cluster
FINAL PRODUCT DESCRIPTION
Scoped CSS Only
No Extra H1
No Global WooCommerce / XStore Overrides
========================================================= */
.ikg-jdc-final{
--ikg-bg:#f4f6f8;
--ikg-panel:#ffffff;
--ikg-dark:#0b1018;
--ikg-dark2:#121a28;
--ikg-ink:#101827;
--ikg-text:#334155;
--ikg-muted:#667085;
--ikg-line:#dce2ea;
--ikg-purple:#7c3aed;
--ikg-purple-soft:#f5f3ff;
--ikg-green:#167a4a;
--ikg-radius:14px;
--ikg-radius-sm:10px;
--ikg-max:1380px;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
overflow-x:hidden !important;
box-sizing:border-box !important;
background:var(--ikg-bg) !important;
color:var(--ikg-text) !important;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif !important;
font-size:16px !important;
line-height:1.62 !important;
}
.ikg-jdc-final *,
.ikg-jdc-final *::before,
.ikg-jdc-final *::after{
box-sizing:border-box !important;
min-width:0 !important;
}
.ikg-jdc-final img{
display:block !important;
width:100% !important;
max-width:100% !important;
height:auto !important;
margin:0 !important;
object-fit:contain !important;
}
.ikg-jdc-final a{
text-decoration:none !important;
}
.ikg-jdc-final p{
margin:0 !important;
}
.ikg-jdc-final h2,
.ikg-jdc-final h3,
.ikg-jdc-final p,
.ikg-jdc-final li,
.ikg-jdc-final a,
.ikg-jdc-final span,
.ikg-jdc-final strong,
.ikg-jdc-final summary{
overflow-wrap:anywhere !important;
word-wrap:break-word !important;
}
/* =========================================================
PAGE WRAP
========================================================= */
.ikg-jdc-wrap{
width:100% !important;
max-width:var(--ikg-max) !important;
margin:0 auto !important;
padding:0 !important;
}
.ikg-jdc-section{
width:100% !important;
margin:0 0 14px !important;
padding:0 !important;
}
/* =========================================================
TYPOGRAPHY
========================================================= */
.ikg-jdc-final h2{
margin:0 0 12px !important;
color:var(--ikg-ink) !important;
font-size:clamp(25px,3vw,34px) !important;
line-height:1.16 !important;
font-weight:650 !important;
letter-spacing:-.025em !important;
}
.ikg-jdc-final h3{
margin:0 0 8px !important;
color:var(--ikg-ink) !important;
font-size:20px !important;
line-height:1.28 !important;
font-weight:650 !important;
}
.ikg-jdc-final p{
color:var(--ikg-text) !important;
font-size:15.5px !important;
line-height:1.62 !important;
}
/* =========================================================
SHARED COMPONENTS
========================================================= */
.ikg-jdc-kicker{
display:inline-flex !important;
align-items:center !important;
min-height:27px !important;
margin:0 0 10px !important;
padding:0 10px !important;
border:1px solid #d4dae3 !important;
border-radius:999px !important;
background:#f8fafc !important;
color:#475569 !important;
font-size:12.5px !important;
line-height:1 !important;
font-weight:650 !important;
letter-spacing:.025em !important;
}
.ikg-jdc-card{
width:100% !important;
padding:20px !important;
border:1px solid var(--ikg-line) !important;
border-radius:var(--ikg-radius) !important;
background:var(--ikg-panel) !important;
}
.ikg-jdc-dark{
width:100% !important;
padding:22px !important;
border:1px solid #273246 !important;
border-radius:var(--ikg-radius) !important;
background:var(--ikg-dark) !important;
color:#ffffff !important;
}
.ikg-jdc-dark h2,
.ikg-jdc-dark h3,
.ikg-jdc-dark strong{
color:#ffffff !important;
}
.ikg-jdc-dark p,
.ikg-jdc-dark li,
.ikg-jdc-dark span{
color:#d7dee8 !important;
}
.ikg-jdc-dark .ikg-jdc-kicker{
border-color:#38455a !important;
background:#141c29 !important;
color:#ddd6fe !important;
}
/* =========================================================
GRIDS
========================================================= */
.ikg-jdc-grid2{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
}
.ikg-jdc-grid3{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
}
/* =========================================================
LIST
========================================================= */
.ikg-jdc-list{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:8px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.ikg-jdc-list li{
width:100% !important;
margin:0 !important;
padding:11px 12px !important;
border:1px solid #e0e5ec !important;
border-radius:9px !important;
background:#f8fafc !important;
color:#475569 !important;
font-size:14.5px !important;
line-height:1.5 !important;
}
.ikg-jdc-list strong{
display:block !important;
margin:0 0 3px !important;
color:var(--ikg-ink) !important;
font-weight:650 !important;
}
.ikg-jdc-dark .ikg-jdc-list li{
border-color:#28354a !important;
background:#121b2a !important;
color:#cbd5e1 !important;
}
.ikg-jdc-dark .ikg-jdc-list strong{
color:#ffffff !important;
}
/* =========================================================
HERO
========================================================= */
.ikg-jdc-hero{
display:grid !important;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
border:1px solid #263247 !important;
border-radius:14px !important;
overflow:hidden !important;
background:
linear-gradient(
135deg,
#0b1018 0%,
#101725 52%,
#121a28 100%
) !important;
color:#ffffff !important;
}
/* Hero image */
.ikg-jdc-hero-media{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-width:0 !important;
padding:16px !important;
border-right:1px solid #263247 !important;
background:
linear-gradient(
145deg,
#ffffff 0%,
#f7f8fa 100%
) !important;
}
.ikg-jdc-hero-media-inner{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
min-height:340px !important;
padding:6px !important;
border-radius:10px !important;
background:#ffffff !important;
}
.ikg-jdc-final .ikg-jdc-hero-media img{
width:100% !important;
max-width:570px !important;
max-height:370px !important;
height:auto !important;
margin:0 auto !important;
object-fit:contain !important;
border:0 !important;
background:#ffffff !important;
}
/* Hero copy */
.ikg-jdc-hero-copy{
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
padding:24px 24px 22px !important;
}
.ikg-jdc-final .ikg-jdc-hero .ikg-jdc-kicker{
align-self:flex-start !important;
border-color:#39475e !important;
background:#151e2d !important;
color:#ddd6fe !important;
}
.ikg-jdc-final .ikg-jdc-hero h2{
margin:0 0 11px !important;
color:#ffffff !important;
font-size:clamp(28px,3vw,38px) !important;
line-height:1.08 !important;
font-weight:650 !important;
}
.ikg-jdc-final .ikg-jdc-hero-copy p.ikg-jdc-hero-intro{
max-width:720px !important;
color:#cbd5e1 !important;
font-size:15.5px !important;
line-height:1.57 !important;
}
/* =========================================================
HERO CORE PRODUCT SELLING POINTS
========================================================= */
.ikg-jdc-core{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
width:100% !important;
gap:8px !important;
margin:16px 0 0 !important;
}
.ikg-jdc-core-item{
display:grid !important;
grid-template-columns:38px minmax(0,1fr) !important;
gap:9px !important;
align-items:start !important;
padding:11px !important;
border:1px solid #314058 !important;
border-radius:10px !important;
background:#141d2c !important;
}
.ikg-jdc-core-icon{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
min-width:38px !important;
height:38px !important;
border:1px solid #4c3c7b !important;
border-radius:9px !important;
background:#21173d !important;
color:#c4b5fd !important;
}
.ikg-jdc-core-icon svg{
display:block !important;
width:20px !important;
height:20px !important;
fill:none !important;
stroke:currentColor !important;
stroke-width:1.7 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.ikg-jdc-core-item strong{
display:block !important;
margin:0 0 3px !important;
color:#ffffff !important;
font-size:14px !important;
line-height:1.28 !important;
font-weight:650 !important;
}
.ikg-jdc-core-item span{
display:block !important;
color:#cbd5e1 !important;
font-size:12.7px !important;
line-height:1.43 !important;
}
/* =========================================================
CTA
========================================================= */
.ikg-jdc-cta{
display:flex !important;
flex-wrap:wrap !important;
gap:9px !important;
margin:16px 0 0 !important;
}
.ikg-jdc-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:44px !important;
padding:11px 16px !important;
border:1px solid var(--ikg-purple) !important;
border-radius:999px !important;
background:var(--ikg-purple) !important;
color:#ffffff !important;
font-size:14.5px !important;
line-height:1.2 !important;
font-weight:650 !important;
text-align:center !important;
}
.ikg-jdc-btn-alt{
border-color:#cbd5e1 !important;
background:#ffffff !important;
color:#202938 !important;
}
/* =========================================================
HERO THREE STANDARDS
========================================================= */
.ikg-jdc-hero-metrics{
grid-column:1 / -1 !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
width:100% !important;
border-top:1px solid #29364a !important;
background:#0a111c !important;
}
.ikg-jdc-hero-metric{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
padding:12px 7px !important;
color:#ffffff !important;
text-align:center !important;
}
.ikg-jdc-hero-metric +
.ikg-jdc-hero-metric{
border-left:1px solid #29364a !important;
}
.ikg-jdc-hero-metric strong{
display:block !important;
margin:0 0 2px !important;
color:#ffffff !important;
font-size:20px !important;
line-height:1.05 !important;
font-weight:650 !important;
}
.ikg-jdc-hero-metric span{
display:block !important;
color:#bfc9d7 !important;
font-size:11.5px !important;
line-height:1.25 !important;
}
/* =========================================================
ACCESSORY / WIRING MODULE
========================================================= */
.ikg-jdc-accessory{
display:grid !important;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
gap:18px !important;
align-items:center !important;
}
.ikg-jdc-accessory-image{
padding:6px !important;
border:1px solid #e0e5eb !important;
border-radius:11px !important;
background:#ffffff !important;
}
.ikg-jdc-accessory-image img{
background:#ffffff !important;
}
.ikg-jdc-accessory-note{
margin-top:10px !important;
color:var(--ikg-muted) !important;
font-size:13px !important;
line-height:1.48 !important;
}
/* =========================================================
WHY BUY
========================================================= */
.ikg-jdc-why-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
margin:16px 0 0 !important;
}
.ikg-jdc-why-item{
padding:13px !important;
border:1px solid #29364a !important;
border-radius:10px !important;
background:#121b29 !important;
}
.ikg-jdc-why-item strong{
display:block !important;
margin:0 0 5px !important;
color:#ffffff !important;
font-size:14.5px !important;
}
.ikg-jdc-why-item span{
display:block !important;
color:#cbd5e1 !important;
font-size:13.5px !important;
line-height:1.48 !important;
}
/* =========================================================
MEDIA
========================================================= */
.ikg-jdc-media-heading{
padding:20px !important;
border:1px solid var(--ikg-line) !important;
border-radius:var(--ikg-radius) !important;
background:#ffffff !important;
}
.ikg-jdc-media-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:14px !important;
width:100% !important;
}
.ikg-jdc-media{
display:flex !important;
flex-direction:column !important;
width:100% !important;
padding:17px !important;
border:1px solid var(--ikg-line) !important;
border-radius:var(--ikg-radius) !important;
background:#ffffff !important;
}
.ikg-jdc-media-wide{
grid-column:1 / -1 !important;
}
.ikg-jdc-media-copy{
margin:0 0 11px !important;
}
.ikg-jdc-media-copy p{
color:#64748b !important;
}
.ikg-jdc-media img{
margin-top:auto !important;
border:1px solid #e4e8ee !important;
border-radius:10px !important;
background:#ffffff !important;
}
/* =========================================================
ORIGINAL FUNCTIONS
========================================================= */
.ikg-jdc-function-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:15px !important;
}
/* =========================================================
THREE STANDARDS
========================================================= */
.ikg-jdc-standards{
padding:22px !important;
border:1px solid #2a3548 !important;
border-radius:var(--ikg-radius) !important;
background:#0b111b !important;
}
.ikg-jdc-standards h2,
.ikg-jdc-standards h3,
.ikg-jdc-standards strong{
color:#ffffff !important;
}
.ikg-jdc-standards p{
color:#d3dae5 !important;
}
.ikg-jdc-standard-top{
margin:0 0 14px !important;
}
.ikg-jdc-standard-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:12px !important;
}
.ikg-jdc-standard{
display:flex !important;
flex-direction:column !important;
padding:16px !important;
border:1px solid #2b374b !important;
border-radius:11px !important;
background:#111a28 !important;
}
.ikg-jdc-standard-label{
color:#c4b5fd !important;
font-size:12px !important;
line-height:1.3 !important;
font-weight:650 !important;
text-transform:uppercase !important;
}
.ikg-jdc-standard-score{
margin:8px 0 5px !important;
color:#ffffff !important;
font-size:31px !important;
line-height:1 !important;
font-weight:650 !important;
}
.ikg-jdc-standard-score span{
color:#aeb9c9 !important;
font-size:16px !important;
}
.ikg-jdc-standard-status{
display:inline-flex !important;
align-self:flex-start !important;
margin:0 0 10px !important;
padding:5px 9px !important;
border:1px solid #46536a !important;
border-radius:999px !important;
color:#ffffff !important;
font-size:12px !important;
font-weight:650 !important;
}
.ikg-jdc-standard-bar{
width:100% !important;
height:7px !important;
margin:0 0 12px !important;
overflow:hidden !important;
border-radius:999px !important;
background:#263247 !important;
}
.ikg-jdc-standard-bar span{
display:block !important;
height:100% !important;
border-radius:999px !important;
background:#a855f7 !important;
}
.ikg-jdc-standard-facts{
display:grid !important;
gap:7px !important;
margin-top:10px !important;
}
.ikg-jdc-standard-fact{
padding:9px 10px !important;
border:1px solid #273449 !important;
border-radius:8px !important;
background:#0d1522 !important;
}
.ikg-jdc-standard-fact strong{
display:block !important;
margin:0 0 2px !important;
color:#ddd6fe !important;
font-size:12.5px !important;
}
.ikg-jdc-standard-fact span{
display:block !important;
color:#c4cedc !important;
font-size:12.8px !important;
line-height:1.45 !important;
}
.ikg-jdc-standard-links{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:14px !important;
}
.ikg-jdc-standard-links a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:39px !important;
padding:9px 12px !important;
border:1px solid #354259 !important;
border-radius:999px !important;
background:#121b29 !important;
color:#e5e7eb !important;
font-size:13px !important;
font-weight:650 !important;
}
/* =========================================================
COMPARE
========================================================= */
.ikg-jdc-compare{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:12px !important;
}
.ikg-jdc-compare-card{
padding:17px !important;
border:1px solid var(--ikg-line) !important;
border-radius:11px !important;
background:#ffffff !important;
}
.ikg-jdc-compare-best{
border:2px solid var(--ikg-purple) !important;
background:var(--ikg-purple-soft) !important;
}
/* =========================================================
LONG TERM SUPPORT
========================================================= */
.ikg-jdc-support-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:16px !important;
}
.ikg-jdc-support-item{
padding:14px !important;
border:1px solid #29364a !important;
border-radius:10px !important;
background:#121b29 !important;
}
.ikg-jdc-support-icon{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:38px !important;
margin:0 0 10px !important;
border:1px solid #4c3c7b !important;
border-radius:9px !important;
background:#21173d !important;
color:#c4b5fd !important;
}
.ikg-jdc-support-icon svg{
width:20px !important;
height:20px !important;
fill:none !important;
stroke:currentColor !important;
stroke-width:1.7 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.ikg-jdc-support-item strong{
display:block !important;
margin:0 0 5px !important;
color:#ffffff !important;
font-size:14.5px !important;
}
.ikg-jdc-support-item span{
display:block !important;
color:#cbd5e1 !important;
font-size:13.3px !important;
line-height:1.48 !important;
}
/* =========================================================
SHIPPING METRICS
========================================================= */
.ikg-jdc-support-metrics{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:9px !important;
margin-top:15px !important;
}
.ikg-jdc-support-metric{
padding:13px !important;
border:1px solid #29364a !important;
border-radius:9px !important;
background:#121b29 !important;
text-align:center !important;
}
.ikg-jdc-support-metric strong{
display:block !important;
margin:0 0 4px !important;
color:#ffffff !important;
font-size:20px !important;
}
.ikg-jdc-support-metric span{
display:block !important;
color:#cbd5e1 !important;
font-size:12.5px !important;
line-height:1.4 !important;
}
/* =========================================================
LINKS
========================================================= */
.ikg-jdc-links{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:9px !important;
}
.ikg-jdc-links a{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:66px !important;
padding:11px !important;
border:1px solid var(--ikg-line) !important;
border-radius:10px !important;
background:#ffffff !important;
color:#344054 !important;
text-align:center !important;
font-size:13.5px !important;
line-height:1.35 !important;
font-weight:650 !important;
}
/* =========================================================
FAQ
========================================================= */
.ikg-jdc-faq{
display:grid !important;
gap:8px !important;
}
.ikg-jdc-faq details{
width:100% !important;
padding:13px 14px !important;
border:1px solid var(--ikg-line) !important;
border-radius:9px !important;
background:#ffffff !important;
}
.ikg-jdc-faq summary{
cursor:pointer !important;
color:var(--ikg-ink) !important;
font-size:15px !important;
line-height:1.4 !important;
font-weight:650 !important;
}
.ikg-jdc-faq details p{
margin-top:9px !important;
color:#64748b !important;
font-size:14.5px !important;
}
/* =========================================================
GENERAL TABLET
Do not collapse Hero at 900px
========================================================= */
@media(max-width:900px){
.ikg-jdc-grid2,
.ikg-jdc-grid3,
.ikg-jdc-accessory,
.ikg-jdc-media-grid,
.ikg-jdc-why-grid,
.ikg-jdc-function-grid,
.ikg-jdc-standard-grid,
.ikg-jdc-compare,
.ikg-jdc-support-grid{
grid-template-columns:minmax(0,1fr) !important;
}
.ikg-jdc-media-wide{
grid-column:auto !important;
}
.ikg-jdc-links{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
/* =========================================================
MID WIDTH HERO
========================================================= */
@media(max-width:760px) and (min-width:541px){
.ikg-jdc-hero{
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
}
.ikg-jdc-hero-media{
padding:9px !important;
}
.ikg-jdc-hero-media-inner{
min-height:290px !important;
}
.ikg-jdc-final .ikg-jdc-hero-media img{
max-height:300px !important;
}
.ikg-jdc-hero-copy{
padding:17px 14px !important;
}
.ikg-jdc-final .ikg-jdc-hero h2{
font-size:27px !important;
}
.ikg-jdc-final .ikg-jdc-hero-copy p.ikg-jdc-hero-intro{
font-size:14px !important;
}
.ikg-jdc-core{
grid-template-columns:minmax(0,1fr) !important;
}
}
/* =========================================================
MOBILE
No 100vw
No negative margins
No fake full-screen breakout
========================================================= */
@media(max-width:540px){
.ikg-jdc-final{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
overflow-x:hidden !important;
}
.ikg-jdc-final *,
.ikg-jdc-final *::before,
.ikg-jdc-final *::after{
min-width:0 !important;
max-width:100%;
}
.ikg-jdc-wrap,
.ikg-jdc-section{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}
.ikg-jdc-section{
margin-bottom:9px !important;
}
.ikg-jdc-hero{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
width:100% !important;
border-radius:10px !important;
}
.ikg-jdc-hero-media{
order:1 !important;
padding:4px !important;
border:0 !important;
border-bottom:1px solid #29364a !important;
}
.ikg-jdc-hero-media-inner{
min-height:0 !important;
padding:0 !important;
}
.ikg-jdc-final .ikg-jdc-hero-media img{
width:100% !important;
max-width:100% !important;
max-height:250px !important;
}
.ikg-jdc-hero-copy{
order:2 !important;
width:100% !important;
padding:15px 12px !important;
}
.ikg-jdc-final .ikg-jdc-hero h2{
font-size:27px !important;
line-height:1.12 !important;
}
.ikg-jdc-final .ikg-jdc-hero-copy p.ikg-jdc-hero-intro{
color:#cbd5e1 !important;
font-size:14.5px !important;
line-height:1.55 !important;
}
.ikg-jdc-core{
grid-template-columns:minmax(0,1fr) !important;
gap:6px !important;
margin-top:13px !important;
}
.ikg-jdc-core-item{
grid-template-columns:34px minmax(0,1fr) !important;
gap:8px !important;
padding:9px !important;
}
.ikg-jdc-core-icon{
width:34px !important;
min-width:34px !important;
height:34px !important;
}
.ikg-jdc-core-icon svg{
width:18px !important;
height:18px !important;
}
.ikg-jdc-core-item strong{
font-size:13.5px !important;
}
.ikg-jdc-core-item span{
font-size:12.2px !important;
}
.ikg-jdc-cta{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:7px !important;
margin-top:13px !important;
}
.ikg-jdc-btn{
width:100% !important;
}
/* three standards stay one row */
.ikg-jdc-hero-metrics{
order:3 !important;
grid-column:auto !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.ikg-jdc-hero-metric{
padding:9px 3px !important;
}
.ikg-jdc-hero-metric strong{
font-size:16px !important;
}
.ikg-jdc-hero-metric span{
font-size:9.5px !important;
line-height:1.15 !important;
}
.ikg-jdc-card,
.ikg-jdc-dark,
.ikg-jdc-media-heading,
.ikg-jdc-standards{
padding:15px 12px !important;
border-radius:10px !important;
}
.ikg-jdc-final h2{
font-size:24px !important;
line-height:1.2 !important;
}
.ikg-jdc-final h3{
font-size:18px !important;
}
.ikg-jdc-final p{
font-size:15px !important;
}
.ikg-jdc-grid2,
.ikg-jdc-grid3,
.ikg-jdc-accessory,
.ikg-jdc-media-grid,
.ikg-jdc-why-grid,
.ikg-jdc-function-grid,
.ikg-jdc-standard-grid,
.ikg-jdc-compare,
.ikg-jdc-support-grid{
grid-template-columns:minmax(0,1fr) !important;
gap:9px !important;
}
.ikg-jdc-media{
padding:12px !important;
border-radius:10px !important;
}
.ikg-jdc-accessory-image{
padding:3px !important;
}
.ikg-jdc-standard{
padding:13px !important;
}
.ikg-jdc-standard-score{
font-size:27px !important;
}
.ikg-jdc-support-metrics{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:5px !important;
}
.ikg-jdc-support-metric{
padding:9px 4px !important;
}
.ikg-jdc-support-metric strong{
font-size:16px !important;
}
.ikg-jdc-support-metric span{
font-size:10px !important;
line-height:1.25 !important;
}
.ikg-jdc-links{
grid-template-columns:minmax(0,1fr) !important;
gap:7px !important;
}
.ikg-jdc-links a{
min-height:50px !important;
}
}
VW JETTA MK6 / A6 / TYP 1B · 2011–2018
VW Jetta Digital Cluster — 12.3-Inch Digital Cockpit Upgrade
Upgrade the original analog-style Jetta instrument area to a 12.3-inch digital cockpit with HD vehicle information, selectable display layouts and supported map / projection display functions. iKAGOO confirms the correct Jetta version before shipment.
12.3″ IPS LCD · 1920×720
Wide HD digital dashboard for clearer speed, RPM, warnings, vehicle data and map-focused driving information.
Original Vehicle Data Retention
Supported speed, RPM, gear, fuel, mileage, temperature and warning information continue through the correct original-data route.
8 UI Modes · Multiple Dial Styles
Switch between classic, sport, navigation, digital and other supported layouts for different driving preferences.
CarPlay / Navigation Display
Supported map, CarPlay, Android Auto, DVR or camera-related display content is available with the compatible selected setup.
WIRING & ACCESSORIES
Matched Wiring and Accessories for the VW Jetta Digital Cluster
This is not treated as a universal screen-only order. The wiring and interface route is prepared according to the confirmed Jetta year group, original cluster structure, connector route and selected configuration.
-
Vehicle-specific wiring preparation
The connection route is prepared according to the confirmed vehicle and cluster version.
-
Required interface components
Related connection and interface parts are selected for the supported vehicle-data and display route.
-
Connector matching matters
Similar-looking plugs can use different wiring or pin arrangements. Check the supplied route before powering the cluster.
-
Do not cut or force unmatched wiring
If a plug or connector does not fit naturally, stop installation and send photos before continuing.
The image below is the common iKAGOO accessories reference. Final supplied components depend on the confirmed vehicle and selected configuration.
คำตอบสั้นๆ
What This VW Jetta Digital Cluster Is
This VW Jetta Digital Cluster is a 12.3-inch LCD instrument cluster upgrade for selected 2011–2018 Volkswagen Jetta Mk6 / A6 / Typ 1B vehicles.
It upgrades the original analog-style gauge area into a digital cockpit with 1920×720 display quality, multiple UI modes, vehicle data, warning information and supported steering-wheel control behavior after correct matching.
Navigation, CarPlay, Android Auto, DVR or camera-related display content depends on the compatible connected system, selected configuration and correct connection route.
FITMENT CHECK
Confirm the Exact Jetta Before Ordering
-
Primary fitment
Volkswagen Jetta Mk6 / Jetta A6 / Typ 1B. Current listing supports 2011, 2012–2014 and 2015–2018 groups.
-
GLI / TDI / regional differences
These versions should be checked using dashboard and original cluster photos rather than only model name.
-
Photos required
Send original cluster, complete dashboard and connector photos when requested.
-
ตำแหน่งพวงมาลัย
Confirm LHD or RHD before shipment preparation.
-
การแก้ไขปรับปรุงก่อนหน้านี้
Tell iKAGOO about aftermarket wiring, changed head units, cluster repairs or unusual vehicle behavior.
WHY BUY FROM IKAGOO
Why Buy This VW Jetta Digital Cluster from iKAGOO?
A vehicle-specific digital cluster is not only a screen purchase. The important risks are choosing the wrong version, using an incorrect connector route, mishandling the original PCB or discovering an installation issue after the dashboard has already been reassembled.
Vehicle-Specific Version Check
Model year, dashboard, original cluster and connector information are checked before shipment.
Reduced Wrong-Version Risk
The order is prepared around your actual vehicle instead of only a broad Jetta model name.
Original Function Focus
Vehicle data, warnings and supported steering-wheel functions remain part of the installation target.
Matched Wiring Direction
The supported installation route avoids intentionally cutting the original main harness.
Installation Assistance
Photos and videos can be reviewed if the installer finds a cable, PCB, display or configuration problem.
Long-Term Support Path
Support continues after installation for compatible setup, diagnosis and upgrade guidance.
FACTORY FUNCTIONS RETAINED
ฟังก์ชันการทำงานของรถเดิมที่รองรับหลังจากการจับคู่ที่ถูกต้อง
This VW Jetta Digital Cluster is designed to retain supported vehicle information through the original data route after correct installation. Final behavior depends on the exact Jetta version, cluster structure, CANBUS communication and connection setup.
-
Driving data
Speed, RPM, fuel, mileage, gear, temperature and supported trip data can remain visible.
-
ข้อมูลเตือน
Supported warning indicators, lamp status and vehicle messages continue through the correct data route.
-
ปุ่มควบคุมบนพวงมาลัย
Multifunction steering-wheel behavior is supported when the vehicle and CANBUS setup match.
-
Map and media
Navigation, media and projection content depend on the compatible connected system.
-
ไม่มีการตัดสายไฟโดยเจตนา
The supported installation direction uses a matched wiring approach.
-
การยืนยันเวอร์ชัน
Dashboard, cluster, steering position and connector information are checked before shipment.
IKAGOO VERIFIED UPGRADE STANDARD
iKAGOO Standards for This VW Jetta Digital Cluster
These three results answer different buying questions: whether the upgrade is worthwhile, how strongly it can integrate with the original vehicle after correct matching, and how difficult the installation is.
01 · UPGRADE NECESSITY
92/100
กรณีการอัปเกรดที่แข็งแกร่ง
The Mk6 Jetta remains useful, but the original analog-style cluster makes the cabin feel older. The 12.3-inch LCD creates a visible cockpit upgrade with clearer information, multiple UI modes and stronger map-focused use.
เกณฑ์การให้คะแนน
12.3-inch digital display, cockpit modernization, UI modes and navigation-focused use.
Main benefit
A clear visual and functional upgrade compared with the original analog-style cluster.
Why not 100
The upgrade is optional rather than mechanically necessary and requires installation work.
ดีที่สุดสำหรับ
Owners keeping the Jetta long-term who want a visibly newer driver display.
02 · ORIGINAL VEHICLE COMPATIBILITY
95/100
ใกล้เคียงกับ OEM
The compatibility result assumes the correct Jetta Mk6 / A6 route, matching cluster structure, supported original PCB route, steering-wheel logic and correct connector preparation.
เกณฑ์การให้คะแนน
Original vehicle-data route, steering controls, warnings and vehicle-specific preparation.
Main positive factors
Matched cluster route, original PCB/data direction and pre-shipment vehicle checking.
ขอบเขตความเข้ากันได้
Jetta Mk5, Jetta A7, Sagitar variants, GLI/TDI differences and modified vehicles need confirmation.
Buyer action
Send vehicle year, dashboard and original cluster information before shipment.
03 · INSTALLATION EASE
L3
DIY ขั้นสูง
Level 3 means an experienced DIY user or automotive electronics installer is preferred. Original cluster handling, PCB route, matched harness and function testing require care.
Installation scope
Cluster removal, PCB handling, cluster fitting, harness connection and complete testing.
ทำไมไม่ทำให้ง่ายขึ้นล่ะ
The installation involves original vehicle electronics and vehicle-data behavior.
Suitable installer
Experienced DIY users or automotive electronics installers.
เงื่อนไขการหยุด
If connectors, PCB seating, warnings or steering controls do not match, stop before forcing installation.
COMPARE YOUR OPTIONS
Compare Your VW Jetta Cluster Upgrade Options
Keep the Original Analog Cluster
Lowest effort, but the cabin remains visually older and the driver display stays limited.
-
ดีที่สุดสำหรับ
Owners who want to keep the vehicle unchanged.
-
Weak point
No modern LCD cockpit or larger map-focused display.
Used OEM Replacement Cluster
A used original cluster may solve a repair need, but coding, mileage, region, warning-light and unknown-history issues may still exist.
-
ดีที่สุดสำหรับ
Repair-focused owners with coding support.
-
Weak point
Used condition and history can be uncertain.
iKAGOO VW Jetta Digital Cluster
The iKAGOO route combines the 12.3-inch digital dashboard, vehicle-data direction, multiple UI modes, steering-wheel support, version checking and continued support.
-
ดีที่สุดสำหรับ
Owners wanting a real cockpit upgrade rather than only replacing a failed cluster.
-
Strong point
Product preparation, installation guidance and long-term after-sales support are part of the buying process.
SPECIFICATIONS
Volkswagen Jetta Digital Instrument Cluster Specification Summary
-
ประเภทผลิตภัณฑ์
Digital Instrument Cluster / LCD Cluster / Virtual Cockpit Retrofit.
-
Compatible model
Volkswagen Jetta Mk6 / Jetta A6 / Typ 1B, current listing 2011, 2012–2014 and 2015–2018 groups.
-
ขนาดหน้าจอ
12.3-inch LCD display.
-
การแก้ไขปัญหา
1920×720.
-
Display modes
Classic, sport, navigation, digital and other supported layouts.
-
ข้อมูลยานพาหนะ
Speed, RPM, gear, fuel, mileage, temperature and warning information where supported.
-
การควบคุม
Supported multifunction steering-wheel controls after correct matching.
-
Phone / head unit interaction
CarPlay / Android Auto related display and Android head-unit interaction with the correct setup.
-
อำนาจ
12V DC, 3A max, 36W max.
-
SKU
YB-110.
-
น้ำหนัก / แพ็กเกจ
Product weight 3.5 kg; package size 42 × 28 × 42 cm.
VERSION PREPARATION
ข้อมูลที่ iKAGOO ตรวจสอบก่อนเตรียมคำสั่งซื้อของคุณ
-
ปีรุ่น
Confirm the Jetta Mk6 / A6 / Typ 1B year group.
-
Cluster photo
Send a clear photo of the original instrument cluster.
-
Dashboard
Send a clear dashboard photo showing the cluster area.
-
เส้นทางเชื่อมต่อ
Wiring details may be checked before shipment.
-
พวงมาลัยซ้าย / พวงมาลัยขวา
Confirm steering position.
-
Special setup
Tell iKAGOO about GLI, TDI, changed head units, aftermarket wiring or previous cluster repairs.
INSTALLATION AND TESTING
Level 3 Installation Scope
Installation typically includes removing the original instrument cluster, handling the original PCB route, fitting the new digital cluster assembly, connecting the matched harness and testing vehicle information before final dashboard reassembly.
-
โปรแกรมติดตั้งที่แนะนำ
Experienced DIY users or automotive electronics installers.
-
Before connection
Confirm connector routing before powering the cluster.
-
การทดสอบฟังก์ชัน
Check speed, RPM, fuel, warnings, steering-wheel controls and display modes.
-
Projection test
Test CarPlay, Android Auto, camera or DVR functions only after the connected system works correctly.
-
เงื่อนไขการหยุด
Stop if connector shape, PCB seating, warnings or vehicle data do not match.
-
Support material
Send your order number, vehicle year, photos and short video when requesting assistance.
STOP INSTALLATION CONDITIONS
Stop Installation Before Damage Happens
Do not force an installation that does not match the expected route.
-
Connector does not match
Stop if plug shape, pin direction or cable route differs.
-
PCB does not sit correctly
Stop if the board or ribbon cable requires abnormal pressure.
-
Housing conflicts
Stop if the cluster cannot sit correctly in the dashboard.
-
Warning behavior is abnormal
Stop if warnings or startup behavior are incorrect.
-
Previous wiring is found
Stop if unknown aftermarket wiring or repair work appears.
-
Do not cut or force
Send photos or video before changing wiring or altering pins.
LONG-TERM AFTER-SALES SUPPORT
Support Does Not End After Your VW Jetta Digital Cluster Is Delivered
Vehicle-specific digital clusters can need support beyond the first installation. Vehicle wiring history, head-unit changes, configuration differences and later setup questions can all affect the result. iKAGOO keeps a continued support path available after delivery instead of treating the order as finished once the parcel arrives.
การสนับสนุนการติดตั้ง
If your installer finds a wiring, PCB, display, CANBUS or configuration issue, send photos or video before changing the installation route.
การตั้งค่าและการสนับสนุน
Supported configuration, display and vehicle-function setup questions can continue to be reviewed after installation.
Diagnosis Support
If vehicle information, warning behavior, display functions or connected systems behave abnormally, iKAGOO can review the symptoms and supporting photos or video.
Compatible Upgrade Guidance
When compatible software, firmware or related upgrade guidance is required, hardware version and compatibility should be checked first.
12-Month การรับประกันฮาร์ดแวร์
Eligible manufacturing defects are handled according to the applicable 12-month limited hardware warranty.
Continued Product Support
Support remains available for compatible setup, diagnosis and upgrade guidance after the initial installation has been completed.
AFTER YOU ORDER
จะเกิดอะไรขึ้นหลังจากที่คุณสั่งซื้อ?
-
1. Vehicle review
Vehicle year, dashboard, steering position, cluster and connector information are checked.
-
2. Version preparation
The correct cluster and wiring direction are prepared.
-
3. Packing confirmation
Actual product photos can be requested when additional confirmation is needed.
-
4. Tracked shipping
The order ships with tracking after preparation.
-
5. Installation support
Photos or video can be reviewed before the installer changes wiring.
-
6. Software handling
Hardware version should be checked before compatible software or firmware instructions are used.
-
7. Warranty handling
Eligible manufacturing defects follow the applicable warranty process.
-
8. Return boundary
Return handling depends on product condition, installation status and applicable policy.
-
9. Continued support
Support remains available for compatible setup, diagnosis and upgrade guidance.
SHIPPING · WARRANTY · SUPPORT
iKAGOO Support for Vehicle-Specific Orders
Vehicle-specific electronics need more than a tracking number. Compatibility preparation, international shipping, installation communication, hardware warranty handling and continued support are part of the buying path.
1–3 Days
Normal order preparation after vehicle information is confirmed.
12 เดือน
Limited hardware warranty for eligible manufacturing defects.
DDP Option
Tax-included shipping may be available for eligible USA and EU destinations.
USEFUL LINKS
Read Before Buying
คำถามที่พบบ่อย
Volkswagen Jetta Digital Instrument Cluster FAQ
Will this VW Jetta Digital Cluster fit my 2011–2018 Jetta?
It depends on the exact version. The current listing supports 2011, 2012–2014 and 2015–2018 year groups. Send your vehicle year, dashboard and original cluster information before shipment.
Is this for Jetta Mk6 / A6 / Typ 1B?
Yes. Regional names and trims can still differ, so the original cluster, connector route and dashboard should be checked before preparation.
Will it work on GLI or TDI versions?
GLI and TDI versions may be supported when the dashboard structure, original cluster route and connector setup match. Confirmation is required before shipment.
Does it keep original vehicle data?
Supported vehicle data can remain visible, including speed, RPM, fuel, gear, mileage, temperature and warning information through the correct data route.
ปุ่มควบคุมบนพวงมาลัยของฉันจะยังใช้งานได้อยู่หรือไม่?
Supported multifunction steering-wheel behavior can remain available where vehicle version and CANBUS communication match.
Does it support CarPlay, Android Auto or navigation?
Compatible CarPlay, Android Auto, navigation, DVR and camera-related display content depends on the selected configuration and connected system.
ฉันจำเป็นต้องตัดสายไฟจากโรงงานหรือไม่?
The supported installation direction is designed to avoid intentional main-harness cutting. Do not force unmatched connectors.
What after-sales support is available after installation?
Continued support is available for compatible setup, diagnosis and upgrade guidance. When asking for help, provide your order number, vehicle information, photos and a short video of the issue when possible.
Why buy from iKAGOO instead of only choosing the cheapest unit?
The main risk with a vehicle-specific digital cluster is not only the display itself. Vehicle matching, connector preparation, installation guidance and continued after-sales support can matter throughout the ownership period.
READY TO PREPARE YOUR VERSION
Choose the Correct VW Jetta Digital Cluster for Your Vehicle
Choose the required product option, then provide your Jetta year and vehicle details so the correct cluster and wiring direction can be prepared before shipment. Support remains available after installation for compatible setup and diagnosis.
(function(){
var root = document.getElementById('ikg-jdc-final');
if(!root){
return;
}
function smoothTo(target){
if(!target){
return;
}
var y =
target.getBoundingClientRect().top +
window.pageYOffset -
90;
window.scrollTo({
top:y,
behavior:'smooth'
});
}
root
.querySelectorAll('[data-ikg-scroll]')
.forEach(function(link){
link.addEventListener('click',function(event){
var href =
link.getAttribute('href');
if(
!href ||
href.charAt(0) !== '#'
){
return;
}
var target =
document.querySelector(href);
if(!target){
return;
}
event.preventDefault();
smoothTo(target);
});
});
root
.querySelectorAll('[data-ikg-buy]')
.forEach(function(button){
button.addEventListener('click',function(event){
event.preventDefault();
var target =
document.querySelector('.summary form.cart') ||
document.querySelector('form.variations_form') ||
document.querySelector('form.cart') ||
document.querySelector('.woocommerce-variation-add-to-cart') ||
document.querySelector('.summary');
if(target){
smoothTo(target);
}
});
});
})();
จูเลีย เบียงกี –
ฉันได้ซื้อหน้าปัดดิจิทัลนี้สำหรับ Jetta ปี 2015 ของฉัน ราคาค่อนข้างสูง แต่การจัดส่งฟรีในอิตาลีและคุณภาพของผลิตภัณฑ์คุ้มค่ากับการลงทุน หน้าจอชัดเจนและใช้งานง่าย เป็นการปรับปรุงที่ดีมากเมื่อเทียบกับหน้าปัดเดิม.
โซรัน ริสโตฟสกี –
หากคุณวางแผนที่จะเก็บ Jetta Mk6 ของคุณไว้อีกสักสองสามปีและต้องการปรับปรุงรูปลักษณ์ใหม่ การผลิตนี้คุ้มค่ากับเงินที่จ่ายอย่างแน่นอน ทำงานอย่างเสถียรและทำให้ทุกการเดินทางเป็นไปอย่างราบรื่น ขอแนะนำ!
ระบบนี้มอบความรู้สึกเสมือน „ห้องนักบินเสมือนจริง“ ให้กับรถยนต์.