/* Left */
.zhe-title{
margin: 6px 0 8px;
font-size: 26px;
line-height:1.15;
letter-spacing:-.02em;
}
.zhe-sub{
margin:0 0 12px;
color:var(–muted);
font-size:15px;
line-height:1.65;
max-width: 66ch;
}
.zhe-usps{
display:grid;
grid-template-columns: 1fr 1fr;
gap:10px;
margin: 12px 0 14px;
}
@media (max-width: 560px){
.zhe-usps{ grid-template-columns: 1fr; }
}
.zhe-usp{
display:flex; gap:10px;
padding: 10px 12px;
border:1px solid var(–line);
border-radius: var(–r);
background: rgba(255,255,255,.8);
}
.zhe-ic{
width: 36px; height: 36px;
border-radius: 12px;
display:grid; place-items:center;
background: linear-gradient(135deg, rgba(11,58,106,.12), rgba(0,163,217,.10));
border:1px solid rgba(11,58,106,.18);
flex: 0 0 auto;
}
.zhe-usp b{ display:block; font-size:13px; }
.zhe-usp span{ display:block; font-size:12.5px; color: var(–muted); margin-top:2px; line-height:1.35; }
.zhe-spec{
border:1px dashed rgba(11,58,106,.28);
border-radius: var(–r);
padding: 12px;
background: rgba(11,58,106,.04);
margin: 10px 0 0;
}
.zhe-spec h3{
margin:0 0 8px;
font-size:13px;
letter-spacing:.02em;
text-transform:uppercase;
color: var(–brand);
}
.zhe-spec ul{ margin:0; padding:0 0 0 16px; color: var(–muted); }
.zhe-spec li{ margin: 6px 0; }
.zhe-ctaRow{
display:flex; gap:10px; flex-wrap:wrap;
margin-top: 14px;
align-items:center;
}
.zhe-btn{
display:inline-flex; align-items:center; justify-content:center;
gap:10px;
padding: 11px 14px;
border-radius: 14px;
border:1px solid rgba(11,58,106,.18);
background: linear-gradient(180deg, rgba(11,58,106,.98), rgba(11,58,106,.90));
color:#fff;
font-weight:800;
text-decoration:none;
box-shadow: 0 14px 30px rgba(11,58,106,.18);
transition: transform .15s ease, filter .15s ease;
will-change: transform;
}
.zhe-btn:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.zhe-btn:active{ transform: translateY(0px); }
.zhe-btn–ghost{
background: #fff;
color: var(–brand);
border:1px solid var(–line);
box-shadow: none;
font-weight:800;
}
.zhe-smallnote{
margin: 8px 0 0;
color: var(–muted);
font-size:12.5px;
line-height:1.45;
}
/* Right card */
.zhe-card{
border:1px solid var(–line);
border-radius: calc(var(–r) + 6px);
background: rgba(255,255,255,.92);
box-shadow: 0 14px 40px rgba(2,6,23,.08);
overflow:hidden;
position:relative;
}
.zhe-cardHead{
padding: 14px 14px 12px;
background:
radial-gradient(900px 280px at 20% 0%, rgba(0,163,217,.18), transparent 60%),
radial-gradient(900px 280px at 80% 0%, rgba(22,163,74,.14), transparent 60%),
#fff;
border-bottom: 1px solid var(–line);
}
.zhe-badgeRow{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
.zhe-emblems{
display:flex; gap:10px; flex-wrap:wrap;
}
.zhe-emblem{
display:inline-flex; align-items:center; gap:10px;
padding: 8px 10px;
border-radius: 14px;
border:1px solid rgba(11,58,106,.16);
background: rgba(255,255,255,.75);
}
.zhe-seal{
width:34px; height:34px; border-radius: 12px;
display:grid; place-items:center;
background: linear-gradient(135deg, rgba(22,163,74,.16), rgba(0,163,217,.14));
border:1px solid rgba(22,163,74,.22);
}
.zhe-emblem b{ display:block; font-size:12.5px; color: var(–ink); line-height:1.15; }
.zhe-emblem small{ display:block; font-size:11.5px; color: var(–muted); line-height:1.25; margin-top:1px; }
.zhe-cardBody{ padding: 12px 14px 14px; }
.zhe-priceBox{
border:1px solid var(–line);
border-radius: var(–r);
padding: 12px;
background: linear-gradient(180deg, rgba(11,58,106,.05), rgba(255,255,255,.85));
}
.zhe-priceTitle{
margin:0 0 6px;
font-size:12px;
color: var(–muted);
text-transform:uppercase;
letter-spacing:.06em;
}
.zhe-priceLine{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
}
.zhe-price{
font-size: 22px;
font-weight: 900;
color: var(–brand);
letter-spacing: -.02em;
}
.zhe-priceHint{
font-size: 12.5px;
color: var(–muted);
}
.zhe-list{
margin: 12px 0 0;
padding:0;
list-style:none;
display:grid;
gap:8px;
}
.zhe-li{
display:flex; gap:10px;
align-items:flex-start;
padding: 10px 10px;
border:1px solid var(–line);
border-radius: var(–r);
background: rgba(255,255,255,.9);
}
.zhe-tick{
width: 18px; height:18px;
border-radius: 6px;
background: rgba(22,163,74,.16);
border:1px solid rgba(22,163,74,.26);
flex:0 0 auto;
display:grid; place-items:center;
margin-top:2px;
}
.zhe-li span{ color: var(–muted); font-size: 13px; line-height:1.35; }
.zhe-cardCtas{
display:grid;
grid-template-columns: 1fr;
gap:10px;
margin-top: 12px;
}
.zhe-btnFull{
width:100%;
justify-content:center;
text-align:center;
}
.zhe-noteFine{
margin: 10px 0 0;
font-size: 12px;
color: var(–muted);
line-height:1.45;
}
/* SVG icons sizing */
.zhe-ic svg, .zhe-seal svg{ width:18px; height:18px; }
.zhe-tick svg{ width:12px; height:12px; }
De Hyundai 20EP-XB is een robuuste elektrische pallettruck voor snel en veilig intern transport. Perfect voor magazijnen, retail back-of-house en distributiecentra waar wendbaarheid en betrouwbaarheid tellen.
Tip: zet hier je levertijd/voorraad (“Op voorraad” / “Levering binnen X werkdagen”) voor extra conversie.
Wilt u een heftruck kopen en direct weten wat de kosten zijn? Vraag dan vrijblijvend een offerte aan via onderstaand formulier, wij nemen binnen 24 uur contact met u op.