/* Lemcon Malaysia: EV Charging and Solar pages (Blueprint Job 6, 18 Oct 2026). Uses the colours and fonts of site.css. */
.hero .eyebrow{display:block;margin-bottom:10px;}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;}
.chips li{border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600;}
.opts{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:640px){.opts{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.opts{grid-template-columns:repeat(4,1fr);}}
.opt{background:var(--white);border:1px solid var(--line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;}
.opt img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.opt .ob{padding:18px 18px 20px;}
.opt h3{margin-bottom:4px;}
.opt .spec{color:var(--orange-dark);font-weight:700;font-size:.82rem;letter-spacing:.02em;margin-bottom:10px;}
.opt p:last-child{margin-bottom:0;font-size:.95rem;}
.steps{list-style:none;counter-reset:st;display:grid;gap:18px;grid-template-columns:1fr;margin:0;padding:0;}
@media(min-width:640px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1000px){.steps{grid-template-columns:repeat(3,1fr);}}
.steps li{counter-increment:st;background:var(--white);border-top:3px solid var(--orange);border-radius:2px;padding:20px 20px 18px;}
.steps li::before{content:counter(st,decimal-leading-zero);display:block;color:var(--orange);font-weight:800;font-size:.85rem;letter-spacing:.08em;margin-bottom:6px;}
.steps b{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:6px;}
.steps span{font-size:.95rem;}
.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;grid-template-columns:1fr;}
@media(min-width:520px){.ticks{grid-template-columns:1fr 1fr;}}
.ticks li{padding-left:22px;position:relative;font-size:.95rem;}
.ticks li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--orange);border-radius:2px;}
.rules{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:860px){.rules{grid-template-columns:1fr 1fr;}}
.card .more{margin-top:14px;margin-bottom:0;}
.card .more a{color:var(--orange);font-weight:700;}
.card .more a:hover{color:#fff;}
.rules .note{background:var(--white);}