:root {
      --color-bg:#F5F7F9; --color-bg-secondary:#ECEFF2; --color-surface:#FFFFFF;
      --color-border:#D8DEE4; --color-hover:#F1F4F6; --color-text:#1C2128;
      --color-text-muted:#57606A; --color-primary:#38C9DB; --color-success:#51CF66;
      --color-warning:#FCC419; --color-danger:#FF6B6B; --radius-md:12px;
      --radius-lg:18px; --radius-xl:26px; --container:1180px;
      --shadow-card:0 14px 34px rgba(17,19,21,.08);
    }
    [data-theme="dark"] {
      --color-bg:#111315; --color-bg-secondary:#1A1D21; --color-surface:#23272C;
      --color-hover:#2D333B; --color-border:#353B43; --color-text:#F3F5F7;
      --color-text-muted:#B4BCC4; --shadow-card:0 14px 34px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;line-height:1.5}
    a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}
    img{display:block;max-width:100%;height:auto}
    .evcp-button:hover{color:var(--color-primary)}.evcp-button-primary:hover{color:#FFFFFF}
    .evcp-container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
    .evcp-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:800;cursor:pointer}
    .evcp-button-primary{border-color:var(--color-primary);background:var(--color-primary);color:#111315}

    .evcp-hero{}
    .evcp-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.55fr);gap:32px;align-items:center}
    .evcp-card,.evcp-news-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
    .evcp-panel{padding:0}
    .evcp-eyebrow{margin:0 0 10px;color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
    
    .evcp-summary{max-width:760px;margin:18px 0 0;color:var(--color-text-muted);font-size:17px}
    .evcp-hero-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
    .evcp-snapshot{padding:28px 24px;display:grid;align-content:center;gap:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
    .evcp-stat-grid{display:grid;gap:12px}
    .evcp-stat{padding:0;background:transparent;border:0}
    .evcp-stat-number{display:block;font-size:28px;line-height:1;font-weight:800;letter-spacing:-.03em}
    .evcp-stat-label{display:block;margin-top:10px;color:var(--color-text-muted);font-size:12px;font-weight:500;letter-spacing:.01em}

    .evcp-section{padding:42px 0 0}
    .evcp-section-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
    .evcp-section-title{margin:0;font-size:28px;letter-spacing:-.025em}
    .evcp-section-description{margin:6px 0 0;color:var(--color-text-muted)}
    .evcp-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
    .evcp-card{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden}
    .evcp-charger-image{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:0;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;transition:transform .25s ease}
    .evcp-card .evcp-charger-image:first-child{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}
    
    .evcp-charger-image svg{width:100%;height:100%;display:block}
    .evcp-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
    .evcp-manufacturer{margin:0 0 4px;color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .evcp-manufacturer a:hover{text-decoration:underline}
    .evcp-card-title{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.02em}
    .evcp-card-title a{transition:color .2s ease}
    .evcp-card-title a:hover{color:var(--color-primary)}
    .evcp-sku{margin:8px 0 0;color:var(--color-text-muted);font-size:13px;font-weight:700}
    .evcp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}
    .evcp-tag{min-height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:12px;font-weight:850}
    .evcp-tag-primary{color:var(--color-primary);border-color:var(--color-primary)}

    .evcp-news-list{display:grid;gap:14px}
    .evcp-news-item{padding:18px 20px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:start}
    .evcp-news-image{aspect-ratio:1/1;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-hover));border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;place-items:center;overflow:hidden}
    .evcp-news-image svg{width:100%;height:100%;display:block}
    .evcp-news-body{display:flex;flex-direction:column;min-height:100%}
    .evcp-news-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;width:100%}
    .evcp-news-date{color:var(--color-text-muted);font-size:12px;font-weight:600}
    .evcp-news-title{margin:0;font-size:20px;letter-spacing:-.015em;line-height:1.25}
    .evcp-news-meta{margin:12px 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.55;max-width:900px}
    .evcp-news-category{align-self:flex-start;margin-bottom:0}

    @media (max-width:980px){
      .evcp-news-item{grid-template-columns:1fr;gap:16px}
    }
    @media (max-width:640px){
      .evcp-panel{padding:24px}
      .evcp-section-header{align-items:start;flex-direction:column}
    }

    .evcp-manufacturers-section{padding:42px 0 0}
    .evcp-manufacturer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
    .evcp-manufacturer-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
    .evcp-manufacturer-card:hover{border-color:var(--color-primary);}
    .evcp-manufacturer-link{display:flex;flex-direction:column;min-height:100%;color:inherit}
    .evcp-manufacturer-logo{aspect-ratio:4/3;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:0;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}
    .evcp-manufacturer-logo:before{content:none}
    .evcp-manufacturer-logo svg{position:relative;width:100%;height:100%;display:block;color:var(--color-text)}
    .evcp-manufacturer-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
    .evcp-manufacturer-name{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em;transition:color .2s ease}
    .evcp-manufacturer-card:hover .evcp-manufacturer-name{color:var(--color-primary)}
    @media (max-width:980px){.evcp-manufacturer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width:640px){.evcp-manufacturer-grid{grid-template-columns:1fr}}

.evcp-manufacturer-logo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;box-sizing:border-box;transition:transform .25s ease}

.evcp-manufacturer-card:hover .evcp-manufacturer-logo img{transform:scale(1.035)}


/* EVCP demo refinement: manufacturer catalogue logos use fixed charger-image grey in light and dark themes. */
.evcp-manufacturer-logo{
  background:#ECEFF2 !important;
}
[data-theme="dark"] .evcp-manufacturer-logo{
  background:#ECEFF2 !important;
}
.evcp-manufacturer-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}