/* Public homepage only. Admin, customer documents and pricing logic are untouched. */
.charging-motion-control[hidden] { display:none!important; }
.charging-stage .charging-lifestyle>img { object-position:50% center; }
.charging-energy { position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none; }
.charging-energy path { fill:none;stroke-linecap:round; }
.energy-cable-halo { stroke:#a5f793;stroke-width:13;opacity:.22;filter:url(#charge-soft-glow); }
.energy-cable-pulse { stroke:#d8ffb8;stroke-width:5;stroke-dasharray:14 86;stroke-dashoffset:55;filter:drop-shadow(0 0 5px #98f582); }
.energy-indicator { fill:#c6ffac; }.energy-indicator-glow { filter:url(#charge-soft-glow); }
.energy-port-halo { fill:#b1fa82;opacity:.3;filter:url(#charge-soft-glow); }.energy-port { fill:#d4ffb9; }
.charging-motion-control { position:absolute;z-index:3;right:15px;top:17px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #ffffff5c;border-radius:40px;background:#14382dd9;color:white;font-size:10px;box-shadow:0 3px 15px #10382b17; }
.charging-motion-control:hover { background:#14382d; }.charging-motion-control:focus-visible { outline:3px solid white;outline-offset:3px; }
.motion-glyph { display:inline-block;width:9px;height:11px;border-inline:3px solid currentColor; }
[data-paused="true"] .motion-glyph { height:0;width:0;border:5px solid transparent;border-left:8px solid currentColor;border-right:0; }
.charging-stage .charging-photo-note,.charging-stage .charging-lifestyle figcaption { z-index:2; }
@media(prefers-reduced-motion:no-preference){
  .energy-cable-pulse{animation:energy-flow 6.5s linear infinite;animation-play-state:paused}
  .energy-indicator-glow,.energy-port-halo{animation:energy-breathe 3.6s ease-in-out infinite;animation-play-state:paused}
  .energy-running .energy-cable-pulse,.energy-running .energy-indicator-glow,.energy-running .energy-port-halo{animation-play-state:running}
}
@keyframes energy-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes energy-breathe{0%,100%{opacity:.2}50%{opacity:.65}}
@media(prefers-reduced-motion:reduce){
  .energy-opt-in .energy-cable-pulse{animation:energy-flow 6.5s linear infinite!important;animation-play-state:paused!important}
  .energy-opt-in .energy-indicator-glow,.energy-opt-in .energy-port-halo{animation:energy-breathe 3.6s ease-in-out infinite!important;animation-play-state:paused!important}
  .energy-opt-in.energy-running .energy-cable-pulse,.energy-opt-in.energy-running .energy-indicator-glow,.energy-opt-in.energy-running .energy-port-halo{animation-play-state:running!important}
}
@media(max-width:760px){.charging-motion-control{top:15px;right:12px;padding:9px 10px;font-size:9px;gap:6px}}
@media(max-width:370px){.charging-stage .charging-photo-note{left:12px;font-size:11px;padding:8px}.charging-photo-icon{width:31px!important;height:31px!important}.charging-motion-control{right:10px}}
body[data-page="home"] { background:#fff; }
body[data-page="home"] .header { height:98px; }
.charging-hero { padding-top:28px; }
.charging-hero-layout { display:grid;grid-template-columns:.87fr 1.13fr;gap:58px;align-items:center; }
.charging-hero-copy { padding:12px 0;min-width:0; }
.charging-hero-copy>.eyebrow { margin:0 0 25px;font-size:11px;letter-spacing:.14em;display:flex;align-items:center;gap:10px; }
.charging-hero h1 { font-size:clamp(55px,5.2vw,76px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:600; }
.charging-hero h1>span { color:#638642; }
.charging-lede { font-size:16px;line-height:1.8;color:#526458;max-width:420px;margin:25px 0 28px; }
.charging-hero .actions { gap:23px;align-items:center;margin:0; }
.charging-hero .button { min-height:52px;padding:15px 22px;font-size:13px;gap:22px; }
.charging-hero .text-link { font-size:13px;gap:14px; }
.charging-promise { display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #e0e7dc;max-width:360px; }
.charging-promise>span { background:#eff5e9;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#487133;flex:none; }
.charging-promise p { margin:0;font-size:11px;color:#687869;line-height:1.8; }.charging-promise a { font-size:12px;color:#224c39;font-weight:600; }
.charging-parent { display:flex;align-items:center;gap:8px;font-size:10px;color:#5b685d;margin-top:23px; }
.charging-parent img { width:18px;height:18px; }
.charging-parent>span:last-child { color:#2751ff;margin-left:4px; }.charging-parent:hover { color:#2751ff; }
.charging-stage { min-width:0;position:relative; }
.charging-lifestyle { margin:0;height:380px;border-radius:23px;overflow:hidden;position:relative;background:#e9eee5; }
.charging-lifestyle>img { width:100%;height:100%;object-fit:cover;object-position:56% center; }
.charging-lifestyle::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,#12372c30,transparent 40%,#102e232b);pointer-events:none; }
.charging-photo-note { position:absolute;top:22px;left:22px;z-index:1;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;line-height:1.5;background:#153d33e8;border:1px solid #ffffff38;border-radius:14px;padding:10px 14px 10px 10px; }
.charging-photo-note strong { font-weight:600; }.charging-photo-icon { display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff88;background:#173e3544;border-radius:50%;font-size:24px; }
.charging-lifestyle figcaption { position:absolute;right:16px;bottom:37px;z-index:1;color:#fff;background:#143b31cc;border-radius:40px;padding:4px 9px;font-size:9px; }
.charging-picker { position:relative;z-index:2;margin:-24px 18px 0;background:#fff;border:1px solid #e2e8da;border-radius:17px;box-shadow:0 18px 35px -23px #1d49333b;padding:17px 20px 13px; }
.charging-picker-top { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf0e8; }
.charging-picker-top>span { font-size:9px;letter-spacing:.09em;color:#6a7961;font-weight:600; }
.charging-power-options { display:flex;gap:5px; }
.charging-power { display:inline-flex;align-items:baseline;gap:3px;border:1px solid #dde5d6;background:#fff;color:#4d6441;padding:7px 10px;border-radius:30px;font-size:13px;font-weight:600;min-height:35px;transition:background .18s,color .18s; }
.charging-power>span { font-size:10px;font-weight:500; }.charging-power[aria-pressed="true"] { background:#193f35;color:#fff;border-color:#193f35; }.charging-power:hover { border-color:#76985d; }
.charging-selection { display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:14px;padding-top:13px;min-height:110px; }
.charging-selection>img { width:84px;height:84px;object-fit:contain;border-radius:12px;background:#f4f7ef; }
.charging-selection>div { min-width:0; }.charging-selected-name { display:block;font-size:12px;line-height:1.4;font-weight:550;color:#435945; }
.charging-selection strong { display:block;font-size:26px;line-height:1.3;letter-spacing:-.035em;color:#183e35;margin-top:5px;font-weight:600; }
.charging-price-note { font-size:9px;display:block;color:#657563;margin-top:4px; }
.charging-quote-button { border:0;display:flex;align-items:center;gap:12px;background:none;color:#254a37;padding:8px 0 8px 8px;min-height:44px; }
.charging-quote-button>span { font-size:10px;text-align:left;line-height:1.5; }.charging-quote-button b { display:grid;place-items:center;font-size:23px;font-weight:400;width:38px;height:38px;background:#eaf2de;border-radius:50%;transition:transform .18s; }.charging-quote-button:hover b { transform:translate(2px,-2px); }
.charging-image-note { font-size:9px;color:#6e7c68;line-height:1.5;margin:10px 0 0; }
.charging-benefits { margin-top:38px;padding:24px 0;border-block:1px solid #e0e7d9;display:grid;grid-template-columns:repeat(3,1fr);gap:25px; }
.charging-benefits>div { display:flex;align-items:center;gap:13px;border-right:1px solid #e0e7d9; }.charging-benefits>div:last-child { border:0; }
.charging-benefit-icon { color:#698c47;font-size:26px;width:32px;text-align:center;flex:none; }
.charging-benefits strong { display:block;font-size:12px;font-weight:600; }.charging-benefits small { display:block;font-size:11px;color:#667260;margin-top:3px; }
body[data-page="home"] #chargers { padding-top:75px; }
body[data-page="home"] .section-heading h2 { font-size:48px;line-height:1.1; }
body[data-page="home"] .section-heading>p { max-width:360px;font-size:15px; }
body[data-page="home"] .product-card { border-radius:20px;border-color:#dee6d8;box-shadow:0 8px 25px -20px #1d493326;transition:transform .22s,box-shadow .22s; }
body[data-page="home"] .product-card:hover { transform:translateY(-4px);box-shadow:0 15px 35px -22px #1d493352; }
body[data-page="home"] .charger-visual { margin:14px 18px 20px; }
body[data-page="home"] .charger-visual img { height:255px;background:#f4f7ef; }
body[data-page="home"] .charger-visual figcaption { font-size:10px; }
body[data-page="home"] .product-content h3 { font-size:24px;line-height:1.25; }
body[data-page="home"] .product-content>p { font-size:14px; }.product-content .product-price { margin:20px 0; }
body[data-page="home"] .confidence { background:#153d33; }
body[data-page="home"] .confidence h2 { font-size:46px;line-height:1.15; }
body[data-page="home"] .closing { background:#eef4e7;border:1px solid #dfebd4;border-radius:20px; }
@media(min-width:1500px){.charging-hero-layout{gap:70px}.charging-lifestyle{height:420px}.charging-picker{padding-inline:24px;margin-inline:22px}}
@media(max-width:1150px) and (min-width:761px){
  .charging-hero-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.charging-hero h1{font-size:59px}.charging-lede{font-size:15px}.charging-lifestyle{height:355px}
  .charging-hero .actions{gap:15px;flex-wrap:wrap}.charging-hero .button{padding:13px 17px;font-size:12px}.charging-hero .text-link{font-size:12px}
  .charging-picker{margin-inline:10px;padding:14px}.charging-picker-top{flex-wrap:wrap;gap:10px}.charging-selection{grid-template-columns:65px 1fr auto;gap:10px}
  .charging-selection>img{width:65px;height:75px}.charging-selection strong{font-size:23px}.charging-selected-name{font-size:11px}.charging-quote-button>span{display:none}
  .charging-benefits strong{font-size:11px}.charging-benefits small{font-size:10px}.charging-benefits{gap:15px}
}
@media(max-width:760px){
  body[data-page="home"] .header{height:84px}.charging-hero{padding-top:19px}.charging-hero-layout{grid-template-columns:1fr;gap:28px}
  .charging-hero-copy{padding:0}.charging-hero-copy>.eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.09em}.charging-hero h1{font-size:clamp(54px,12vw,75px);line-height:1.02}
  .charging-lede{font-size:15px;line-height:1.8;margin:23px 0;max-width:500px}.charging-hero .actions{gap:20px;flex-wrap:wrap}.charging-hero .button{padding:14px 18px;min-height:49px;font-size:12px}.charging-hero .text-link{font-size:12px}
  .charging-promise{margin-top:23px;padding-top:18px;max-width:none}.charging-parent{margin-top:18px;font-size:10px}.charging-promise a{font-size:12px}
  .charging-lifestyle{height:320px;border-radius:18px}.charging-lifestyle>img{object-position:56% center}.charging-photo-note{top:18px;left:18px;font-size:12px}.charging-lifestyle figcaption{font-size:8px;bottom:30px}
  .charging-picker{margin:-20px 9px 0;padding:14px 14px 12px;border-radius:14px}.charging-picker-top{gap:10px;flex-wrap:wrap}.charging-picker-top>span{font-size:9px}
  .charging-power{font-size:12px;padding:7px 9px;min-height:44px}.charging-selection{grid-template-columns:65px 1fr auto;gap:11px;padding-top:13px;min-height:98px}
  .charging-selection>img{width:65px;height:78px}.charging-selected-name{font-size:11px}.charging-selection strong{font-size:24px}.charging-price-note{font-size:9px}.charging-quote-button>span{display:none}.charging-quote-button b{width:34px;height:34px;font-size:21px}
  .charging-image-note{font-size:9px}.charging-benefits{grid-template-columns:1fr;margin-top:30px;padding:20px 0;gap:18px}.charging-benefits>div{border-right:0;gap:13px}.charging-benefits strong{font-size:12px}.charging-benefits small{font-size:11px}
  body[data-page="home"] #chargers{padding-top:50px}body[data-page="home"] .section-heading h2{font-size:38px}body[data-page="home"] .section-heading>p{font-size:14px}body[data-page="home"] .confidence h2{font-size:37px}
  body[data-page="home"] .product-card:hover{transform:none}body[data-page="home"] .charger-visual img{height:270px}
}
@media(max-width:370px){.charging-hero h1{font-size:51px}.charging-hero .actions{gap:12px}.charging-hero .button{padding-inline:14px}.charging-hero .text-link{font-size:11px}.charging-selection{grid-template-columns:52px 1fr auto;gap:9px}.charging-selection>img{width:52px;height:67px}.charging-selection strong{font-size:22px}.charging-quote-button{padding-left:0}.charging-price-note{font-size:8px}.charging-power{padding:6px 8px}.charging-lifestyle{height:285px}}
@media(prefers-reduced-motion:no-preference){.charging-hero-copy{animation:charging-enter .55s both}.charging-stage{animation:charging-enter .65s .1s both}@keyframes charging-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.charging-power,.charging-quote-button b,body[data-page="home"] .product-card{transition:none;transform:none!important}}

/* A brighter public storefront; the admin and document themes stay independent. */
body[data-page="home"] .charging-hero { position:relative;isolation:isolate; }
body[data-page="home"] .charging-hero::before { content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 70px 36%;background:radial-gradient(ellipse at 70% 38%,#e8f1d7,transparent 68%); }
.charging-hero-copy>.eyebrow { display:inline-flex;border:1px solid #dce9d2;background:#f3f8ec;padding:8px 12px;border-radius:40px;letter-spacing:.09em;font-size:10px; }
.charging-hero h1>span { color:#478130; }
.charging-hero .primary { background:linear-gradient(115deg,#1b503e,#173e35);box-shadow:0 7px 21px #18493528; }
.charging-hero .primary:hover { box-shadow:0 9px 27px #1849353d; }
.charging-hero .primary>span,.charging-hero .text-link>span { transition:transform .2s; }.charging-hero .primary:hover>span,.charging-hero .text-link:hover>span { transform:translate(3px,-2px); }
.charging-promise { border:1px solid #dfe9d6;padding:14px;max-width:390px;border-radius:14px;background:linear-gradient(100deg,#f5f9ef,#fff);margin-top:28px; }
.charging-promise>span { background:#e0efcb;color:#396629; }.charging-promise p{color:#576953}
.charging-lifestyle { box-shadow:0 17px 40px -27px #21493666;border:1px solid #dfe8d6; }
.charging-picker { border-color:#d2e3c4;box-shadow:0 20px 45px -28px #27582e66; }
.charging-picker-top>span { color:#4f6e41; }
.charging-power[aria-pressed="true"] { background:#20523d;border-color:#20523d;box-shadow:0 3px 10px #19473225; }
.charging-quote-button b { background:#d6edb6;color:#254c31; }
.charging-benefits { gap:18px;padding-block:24px; }
.charging-benefit-icon { display:grid;place-items:center;width:42px;height:42px;background:#ebf4dd;border-radius:12px;border:1px solid #dfebcd;color:#487c37;font-size:25px; }
.charging-benefits>div { padding-right:14px; }.charging-benefits strong { color:#244a36; }
body[data-page="home"] .product-card { background:#f8faf4; }
body[data-page="home"] .product-card.featured { background:#edf5e0;border-color:#bdd79d; }
body[data-page="home"] .product-card .pill { background:#ffffffba;border-color:#cbdcbb;color:#39632d; }
body[data-page="home"] .product-card.featured .pill { background:#d1eaaa;border-color:#c1d997;color:#2e5325; }
body[data-page="home"] .product-card:hover { border-color:#a8c586;box-shadow:0 19px 38px -22px #1d493352; }
body[data-page="home"] .charger-visual img { transition:transform .3s; }
body[data-page="home"] .product-card:hover .charger-visual img { transform:translateY(-4px); }
body[data-page="home"] .confidence { background:radial-gradient(ellipse at 96% 5%,#32695055,transparent 55%),#153d33; }
body[data-page="home"] .confidence-list article>span { color:#d2ed9f;font-weight:650; }
body[data-page="home"] .closing { background:radial-gradient(ellipse at top right,#dfeec5,transparent 65%),#eef5e7; }
body[data-page="home"] .header nav>a { position:relative; }.header nav>a:not(.nav-contact)::after { content:'';position:absolute;bottom:-5px;left:0;right:0;height:2px;background:#54833d;transform:scaleX(0);transform-origin:left;transition:transform .2s; }body[data-page="home"] .header nav>a:hover::after { transform:scaleX(1); }
@media(max-width:760px){
  .charging-hero-copy>.eyebrow{font-size:9px;letter-spacing:.035em;padding:7px 10px;gap:8px}.charging-hero-copy>.eyebrow .green-dot{width:6px;height:6px}
  .charging-promise{max-width:none;padding:13px;margin-top:23px}.charging-promise>span{width:32px;height:32px}.charging-hero::before{inset:38% 0 10%!important}
  .charging-benefits{gap:16px}.charging-benefits>div{padding:0}.charging-benefit-icon{width:37px;height:37px;border-radius:10px;font-size:23px}
  body[data-page="home"] .product-card:hover .charger-visual img{transform:none}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .product-card:hover .charger-visual img{transform:none}}

/* Quotation actions stay legible at every viewport, including the product picker. */
.charging-hero .actions{flex-wrap:wrap;gap:12px}
.charging-hero .hero-quote-cta{min-height:54px;font-size:15px;padding-inline:24px;box-shadow:0 5px 16px #183e351c}
.charging-hero .actions>.text-link{flex-basis:100%;margin-top:4px}
.charging-picker .charging-selection{grid-template-columns:65px minmax(0,1fr)}
.charging-picker .charging-quote-button{grid-column:1/-1;justify-content:space-between;width:100%;min-height:52px;padding:10px 20px;border-radius:12px;background:#183e35;color:#fff}
.charging-picker .charging-quote-button>span{display:block;font-size:15px;line-height:1.4;font-weight:600}
.charging-picker .charging-quote-button b{background:#c5ed86;color:#183e35;width:30px;height:30px;font-size:22px}
.charging-picker .charging-quote-button:hover{background:#295648}
@media(max-width:760px){.charging-hero .hero-quote-cta{width:100%;min-height:56px}.charging-hero .actions>.text-link{flex-basis:auto;margin-top:0}.charging-hero .actions>.outline{padding-inline:18px}.charging-picker .charging-quote-button{min-height:54px}}