:root { --ch-ink:#102b22; --ch-muted:#5f7568; --ch-line:#dcebe0; --ch-soft:#f2faf4; --ch-soft-2:#e4f5e8; --ch-green:#07913a; --ch-green-dark:#056f2c; --ch-warm:#e28b15; --ch-blue:#2479bd; }
.charging-page { overflow:hidden; color:var(--ch-ink); background:linear-gradient(180deg,#f7fdf8 0,#fff 25%,#fff 100%); }
.charging-wrap { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.charging-crumbs { display:flex; gap:8px; padding:20px 0 4px; color:#5b7563; font-size:13px; }.charging-crumbs a { color:inherit; }
.charging-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:38px; align-items:center; padding:40px 0 42px; }
.charging-eyebrow,.charging-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; color:var(--ch-green-dark); font-size:12px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.charging-eyebrow::before,.charging-kicker::before { content:"⚡"; display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; background:var(--ch-green); font-size:14px; letter-spacing:0; }
.charging-hero h1 { max-width:720px; margin:0; font-family:Manrope,"DM Sans",sans-serif; font-size:clamp(37px,5.2vw,63px); line-height:1.04; letter-spacing:-.055em; }.charging-hero p { max-width:700px; margin:17px 0 0; color:var(--ch-muted); font-size:18px; line-height:1.62; }
.charging-source-card { position:relative; overflow:hidden; padding:26px; border:1px solid #cde8d4; border-radius:25px; background:linear-gradient(135deg,#e9f8ed,#f8fdfa); box-shadow:0 17px 43px rgba(13,90,36,.08); }.charging-source-card::after { content:""; position:absolute; right:-42px; bottom:-64px; width:172px; height:172px; border:25px solid rgba(26,165,62,.12); border-radius:50%; }.charging-source-card > * { position:relative; z-index:1; }.charging-source-card h2 { margin:0; font:800 23px/1.15 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-source-card p { margin:8px 0 16px; color:#497155; font-size:14px; line-height:1.5; }.charging-source-status { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; color:#93600d; background:#fff4dc; font-size:12px; font-weight:800; }.charging-source-status::before { content:""; width:8px; height:8px; border-radius:50%; background:#e49a24; }.charging-source-meta { display:grid; gap:7px; margin:19px 0 0; color:#365a40; font-size:12px; }.charging-source-meta b { color:#173c22; }
.charging-section { padding:42px 0; }.charging-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:0 0 20px; }.charging-section-heading h2 { margin:0; font:800 clamp(25px,3vw,36px)/1.12 Manrope,"DM Sans",sans-serif; letter-spacing:-.045em; }.charging-section-heading p { max-width:620px; margin:8px 0 0; color:var(--ch-muted); line-height:1.55; }
.charging-explorer { padding:20px; border:1px solid var(--ch-line); border-radius:25px; background:#fff; box-shadow:0 15px 45px rgba(20,68,32,.07); }.charging-search-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; }.charging-search { position:relative; }.charging-search::before { content:"⌕"; position:absolute; left:15px; top:9px; color:#39644a; font-size:25px; line-height:1; }.charging-search input,.charging-field input,.charging-field select,.charging-sort select { width:100%; min-height:48px; border:1px solid #cfe0d3; border-radius:12px; color:var(--ch-ink); background:#fff; font:650 14px/1.2 "DM Sans",sans-serif; outline:0; }.charging-search input { padding:0 15px 0 46px; }.charging-field input,.charging-field select,.charging-sort select { padding:0 12px; }.charging-search input:focus,.charging-field input:focus,.charging-field select:focus,.charging-sort select:focus { border-color:var(--ch-green); box-shadow:0 0 0 3px rgba(7,145,58,.12); }
.charging-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 16px; border:1px solid transparent; border-radius:12px; color:#fff; background:var(--ch-green); font:800 14px/1 "DM Sans",sans-serif; text-decoration:none; cursor:pointer; transition:transform .17s ease,background .17s ease,box-shadow .17s ease; }.charging-button:hover { background:var(--ch-green-dark); box-shadow:0 8px 18px rgba(7,121,48,.16); transform:translateY(-1px); }.charging-button.secondary { color:#265238; border-color:#cde0d1; background:#fff; }.charging-button.secondary:hover { color:var(--ch-green-dark); background:var(--ch-soft); box-shadow:none; }.charging-button.small { min-height:38px; padding:0 12px; font-size:12px; }.charging-button:focus-visible,.charging-segment button:focus-visible { outline:3px solid rgba(8,145,57,.28); outline-offset:2px; }
.charging-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0 0; }.charging-segment { display:inline-flex; gap:4px; padding:4px; border:1px solid #dcebe0; border-radius:12px; background:#f7fbf8; }.charging-segment button { min-height:34px; padding:0 11px; border:0; border-radius:8px; color:#52705b; background:transparent; font:800 12px/1 inherit; cursor:pointer; }.charging-segment button[aria-pressed="true"] { color:#fff; background:var(--ch-green); }.charging-result-count { margin:0; color:#506a59; font-size:13px; font-weight:700; }.charging-result-count b { color:var(--ch-green-dark); }.charging-sort { display:flex; align-items:center; gap:8px; color:#526d5b; font-size:12px; font-weight:800; }.charging-sort select { min-height:36px; width:auto; padding-right:28px; font-size:12px; }
.charging-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }.charging-filter { min-width:0; }.charging-filter label { display:block; margin:0 0 5px; color:#526d5b; font-size:11px; font-weight:800; }.charging-filter select { width:100%; min-height:39px; padding:0 9px; border:1px solid #d3e3d7; border-radius:10px; color:#244a32; background:#fff; font:700 12px/1 "DM Sans",sans-serif; }
.charging-map-list { display:grid; grid-template-columns:minmax(300px,1.06fr) minmax(320px,.94fr); min-height:500px; border:1px solid #dbe9df; border-radius:19px; overflow:hidden; }.charging-map { position:relative; min-height:500px; background:linear-gradient(135deg,#eaf5ef,#dff0e5); }.charging-map-fallback { position:absolute; inset:0; display:grid; place-items:center; padding:28px; color:#477052; text-align:center; background:radial-gradient(circle at 28% 28%,rgba(255,255,255,.9),transparent 34%),linear-gradient(135deg,#eaf6ed,#d5ecdc); }.charging-map-fallback b { display:block; margin:0 0 8px; color:#173b25; font:800 19px Manrope,"DM Sans",sans-serif; }.charging-map-fallback p { max-width:310px; margin:0; line-height:1.5; }.charging-station-panel { max-height:500px; overflow:auto; padding:14px; background:#fbfefc; }.charging-empty { display:grid; place-items:center; min-height:235px; padding:24px; color:#54705c; text-align:center; }.charging-empty strong { display:block; margin-bottom:7px; color:#234c31; font-size:16px; }.charging-empty p { max-width:330px; margin:0; font-size:13px; line-height:1.5; }
.charging-station-card { padding:15px; border:1px solid #e0ece3; border-radius:14px; background:#fff; box-shadow:0 4px 12px rgba(18,68,32,.035); }.charging-station-card + .charging-station-card { margin-top:10px; }.charging-station-top { display:flex; align-items:start; justify-content:space-between; gap:10px; }.charging-network { display:inline-flex; margin:0 0 5px; color:var(--ch-green-dark); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }.charging-station-card h3 { margin:0; font:800 16px/1.22 Manrope,"DM Sans",sans-serif; letter-spacing:-.025em; }.charging-station-card address { margin:5px 0 12px; color:#5b7362; font-size:12px; font-style:normal; line-height:1.4; }.charging-power { flex:0 0 auto; padding:6px 8px; border-radius:8px; color:#0e5e2c; background:#e4f6e9; font-size:12px; font-weight:850; }.charging-power.dc { color:#185c94; background:#e1f0fc; }.charging-power.hpc { color:#8e4d06; background:#fff0d6; }.charging-card-meta { display:flex; flex-wrap:wrap; gap:6px; }.charging-badge { display:inline-flex; min-height:25px; align-items:center; padding:3px 7px; border:1px solid #dbeae0; border-radius:999px; color:#52705d; background:#fafffb; font-size:10px; font-weight:800; }.charging-card-footer { display:flex; justify-content:space-between; gap:10px; align-items:center; margin:13px 0 0; padding-top:11px; border-top:1px solid #edf3ee; }.charging-price { color:#5c7363; font-size:11px; line-height:1.3; }.charging-price b { display:block; color:#214e31; font-size:12px; }.charging-price.unverified b { color:#8b681c; }
.charging-calculator { padding:26px; border:1px solid #dcebe0; border-radius:24px; background:linear-gradient(135deg,#fff,#f4fbf5); box-shadow:0 14px 40px rgba(18,68,32,.055); }.charging-calc-grid { display:grid; grid-template-columns:minmax(285px,.92fr) minmax(0,1.08fr); gap:24px; align-items:start; }.charging-form { display:grid; gap:14px; }.charging-field { display:block; }.charging-field > span { display:block; margin:0 0 6px; color:#456552; font-size:12px; font-weight:800; }.charging-field small { display:block; margin:5px 0 0; color:#708a79; font-size:11px; line-height:1.4; }.charging-fields-two { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.charging-preset { display:flex; flex-wrap:wrap; gap:8px; }.charging-preset button { min-height:34px; padding:0 10px; border:1px solid #cfe3d4; border-radius:9px; color:#1c7038; background:#f6fcf7; font:800 12px/1 inherit; cursor:pointer; }.charging-preset button:hover { background:#e4f6e8; }.charging-calc-result { padding:22px; border:1px solid #cfe7d5; border-radius:18px; color:#163d24; background:#fff; }.charging-calc-result h3 { margin:0; font:800 20px/1.2 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-result-main { margin:18px 0 14px; color:var(--ch-green-dark); font:900 clamp(31px,4vw,45px)/.94 Manrope,"DM Sans",sans-serif; letter-spacing:-.07em; }.charging-result-main small { color:#46684f; font:700 13px/1 "DM Sans",sans-serif; letter-spacing:0; }.charging-result-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.charging-result-grid > div { min-height:77px; padding:12px; border-radius:12px; background:#f6fbf7; }.charging-result-grid span { display:block; min-height:2.4em; color:#607868; font-size:11px; line-height:1.3; }.charging-result-grid b { display:block; margin-top:5px; color:#173e25; font-size:16px; letter-spacing:-.03em; }.charging-result-note { margin:14px 0 0; color:#5d7564; font-size:12px; line-height:1.5; }
.charging-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.charging-tool { padding:24px; border:1px solid #dcebe0; border-radius:21px; background:#fff; }.charging-tool h3 { margin:0; font:800 22px/1.16 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-tool > p { min-height:3em; margin:8px 0 18px; color:var(--ch-muted); font-size:13px; line-height:1.48; }.charging-tool-result { margin-top:17px; padding:14px; border-radius:13px; color:#315b3d; background:var(--ch-soft); font-size:13px; line-height:1.55; }.charging-tool-result strong { color:#155f2e; }.charging-tool-result .is-warning { color:#89611a; }.charging-provider-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.charging-provider { display:flex; flex-direction:column; min-height:214px; padding:20px; border:1px solid #dcebe0; border-radius:18px; background:#fff; text-decoration:none; transition:transform .17s ease,box-shadow .17s ease; }.charging-provider:hover { box-shadow:0 13px 25px rgba(19,75,36,.1); transform:translateY(-2px); }.charging-provider-mark { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#12a548,#05772e); font:900 16px Manrope,sans-serif; }.charging-provider h3 { margin:17px 0 5px; color:#163b24; font:800 19px Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-provider p { margin:0; color:#637b6b; font-size:12px; line-height:1.5; }.charging-provider span:last-child { margin-top:auto; padding-top:16px; color:var(--ch-green-dark); font-size:12px; font-weight:850; }
.charging-guide-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }.charging-guide { padding:27px; border-radius:21px; background:#edf9f0; }.charging-guide h2 { margin:0; font:800 27px/1.18 Manrope,"DM Sans",sans-serif; letter-spacing:-.045em; }.charging-guide ol { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 16px; margin:20px 0 0; padding:0; list-style:none; counter-reset:steps; }.charging-guide li { position:relative; min-height:38px; padding:9px 0 0 37px; color:#41644c; font-size:13px; font-weight:700; }.charging-guide li::before { counter-increment:steps; content:counter(steps); position:absolute; left:0; top:4px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:#fff; background:var(--ch-green); font-size:11px; }.charging-help { padding:27px; border:1px solid #dcebe0; border-radius:21px; background:#fff; }.charging-help h2 { margin:0; font:800 23px/1.2 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-help ul { display:grid; gap:10px; margin:17px 0 0; padding:0; list-style:none; }.charging-help li { padding-left:23px; color:#506f5a; font-size:13px; line-height:1.4; }.charging-help li::before { content:"✓"; position:absolute; margin-left:-22px; color:var(--ch-green); font-weight:900; }
.charging-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.charging-trust article { padding:18px; border:1px solid #dcebe0; border-radius:16px; background:#fff; }.charging-trust h3 { margin:0; color:#1a4729; font-size:14px; }.charging-trust p { margin:7px 0 0; color:#637d6b; font-size:12px; line-height:1.45; }.charging-trust a { color:var(--ch-green-dark); font-weight:800; }
.charging-dialog { width:min(610px,calc(100% - 26px)); max-height:min(760px,calc(100% - 38px)); padding:0; border:0; border-radius:21px; color:var(--ch-ink); box-shadow:0 22px 65px rgba(8,41,19,.28); }.charging-dialog::backdrop { background:rgba(6,34,15,.48); }.charging-dialog-content { padding:25px; }.charging-dialog-close { float:right; width:35px; height:35px; border:0; border-radius:50%; color:#31533b; background:#edf7ef; font-size:21px; cursor:pointer; }.charging-dialog h2 { margin:2px 42px 7px 0; font:800 26px/1.15 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-dialog p { color:#587361; line-height:1.5; }.charging-dialog-dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; }.charging-dialog-dl div { padding:11px; border-radius:11px; background:#f5fbf6; }.charging-dialog-dl dt { color:#617b68; font-size:10px; font-weight:800; }.charging-dialog-dl dd { margin:4px 0 0; color:#204c2f; font-size:13px; font-weight:800; }.charging-dialog-actions { display:flex; gap:9px; margin-top:18px; }
.charging-provider-page { padding:50px 0 76px; }.charging-provider-hero { max-width:820px; padding:20px 0 32px; }.charging-provider-hero h1 { margin:0; font:800 clamp(34px,5vw,55px)/1.06 Manrope,"DM Sans",sans-serif; letter-spacing:-.055em; }.charging-provider-hero p { margin:15px 0 0; color:var(--ch-muted); font-size:17px; line-height:1.58; }.charging-provider-info { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:20px 0 0; }.charging-provider-info div { padding:13px; border:1px solid #dcebe0; border-radius:12px; background:#fff; }.charging-provider-info small { display:block; color:#698171; font-size:10px; font-weight:800; }.charging-provider-info b { display:block; margin-top:5px; color:#1f4d2e; font-size:13px; }.charging-provider-blocks { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; }.charging-provider-block { padding:24px; border:1px solid #dcebe0; border-radius:19px; background:#fff; }.charging-provider-block h2 { margin:0; font:800 23px/1.2 Manrope,"DM Sans",sans-serif; letter-spacing:-.04em; }.charging-provider-block p,.charging-provider-block li { color:#55715e; font-size:14px; line-height:1.6; }.charging-provider-block ul { padding-left:18px; }.charging-tariff-empty { margin:15px 0 0; padding:15px; border-left:4px solid #dfa026; border-radius:11px; color:#7c5c1a; background:#fff7e5; font-size:13px; line-height:1.5; }
body.dark .charging-page { color:#e9f6eb; background:linear-gradient(180deg,#102116,#0d1810 23%); } body.dark .charging-hero p,body.dark .charging-section-heading p,body.dark .charging-tool > p,body.dark .charging-provider-hero p { color:#bdd2c1; } body.dark .charging-source-card,body.dark .charging-explorer,body.dark .charging-tool,body.dark .charging-provider,body.dark .charging-help,body.dark .charging-trust article,body.dark .charging-provider-block,body.dark .charging-calc-result { border-color:#2e5538; background:#14291a; box-shadow:none; } body.dark .charging-map-list,body.dark .charging-station-card { border-color:#31543a; } body.dark .charging-station-panel { background:#122118; } body.dark .charging-station-card,body.dark .charging-provider-info div { background:#152b1b; } body.dark .charging-hero h1,body.dark .charging-section-heading h2,body.dark .charging-tool h3,body.dark .charging-provider h3,body.dark .charging-guide h2,body.dark .charging-help h2,body.dark .charging-provider-hero h1,body.dark .charging-provider-block h2 { color:#effaf0; } body.dark .charging-result-grid > div,body.dark .charging-dialog-dl div { background:#19351f; } body.dark .charging-calculator { border-color:#31563a; background:linear-gradient(135deg,#14271a,#122017); } body.dark .charging-guide { background:#15361e; } body.dark .charging-field input,body.dark .charging-field select,body.dark .charging-search input,body.dark .charging-sort select,body.dark .charging-filter select { border-color:#365b40; color:#eaf8ed; background:#13271a; }
@media (max-width:960px) { .charging-hero,.charging-map-list,.charging-calc-grid,.charging-guide-grid,.charging-provider-blocks { grid-template-columns:1fr; }.charging-map { min-height:360px; }.charging-station-panel { max-height:520px; }.charging-filter-grid { grid-template-columns:repeat(3,1fr); }.charging-provider-grid { grid-template-columns:repeat(2,1fr); }.charging-trust { grid-template-columns:1fr; } }
@media (max-width:620px) { .charging-wrap { width:calc(100% - 28px); }.charging-hero { gap:22px; padding:30px 0; }.charging-hero p { font-size:16px; }.charging-section { padding:30px 0; }.charging-explorer,.charging-calculator,.charging-tool,.charging-guide,.charging-help { padding:17px; border-radius:17px; }.charging-search-row { grid-template-columns:1fr 1fr; }.charging-search { grid-column:1/-1; }.charging-toolbar { align-items:start; flex-direction:column; }.charging-filter-grid { grid-template-columns:1fr 1fr; }.charging-filter-grid .charging-filter:last-child { grid-column:1/-1; }.charging-map { min-height:310px; }.charging-map-list { min-height:auto; }.charging-station-panel { max-height:none; overflow:visible; }.charging-fields-two,.charging-result-grid,.charging-provider-grid,.charging-provider-info,.charging-dialog-dl { grid-template-columns:1fr; }.charging-tool-grid { grid-template-columns:1fr; }.charging-guide ol { grid-template-columns:1fr; }.charging-card-footer { align-items:start; flex-direction:column; }.charging-dialog-content { padding:20px; }.charging-dialog-actions { flex-direction:column; }.charging-dialog-actions .charging-button { width:100%; } }

/* Aplikacije za polnjenje: samostojen, mobile-first modul. */
.charging-app-hero { padding-bottom:30px; }.charging-app-hero > div:first-child { min-width:0; }.charging-app-search { position:relative; max-width:650px; margin-top:24px; }.charging-app-search label { position:relative; display:block; }.charging-app-search label::before { content:"⌕"; position:absolute; z-index:1; left:16px; top:10px; color:#345d43; font-size:25px; line-height:1; }.charging-app-search input,.charging-standing-search input { width:100%; min-height:58px; padding:0 16px 0 48px; border:1px solid #bbdbc4; border-radius:15px; color:var(--ch-ink); background:#fff; box-shadow:0 9px 24px rgba(11,87,33,.08); font:700 15px/1 "DM Sans",sans-serif; outline:0; }.charging-app-search input:focus,.charging-standing-search input:focus { border-color:var(--ch-green); box-shadow:0 0 0 4px rgba(7,145,58,.13); }.charging-app-search-results { position:absolute; z-index:10; top:calc(100% + 7px); right:0; left:0; padding:7px; border:1px solid #cfe5d5; border-radius:15px; background:#fff; box-shadow:0 17px 38px rgba(10,65,28,.16); }.charging-app-search-results button,.charging-wizard-result button,.charging-standing-results button { display:flex; width:100%; align-items:center; gap:11px; padding:10px; border:0; border-radius:11px; color:#173c25; background:transparent; text-align:left; cursor:pointer; }.charging-app-search-results button:hover,.charging-wizard-result button:hover,.charging-standing-results button:hover { background:#f0faF2; }.charging-app-search-results b,.charging-wizard-result b,.charging-standing-results b { display:block; font-size:13px; }.charging-app-search-results small,.charging-wizard-result small,.charging-standing-results small { display:block; margin-top:2px; color:#637e6b; font-size:11px; }.charging-app-search-results i,.charging-wizard-result i,.charging-standing-results i { margin-left:auto; color:var(--ch-green-dark); font-style:normal; font-weight:900; }.charging-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:15px; }.charging-standing-button { min-height:52px; }.charging-quick-card .charging-kicker { margin-bottom:11px; }.charging-quick-card ol { display:grid; gap:9px; margin:18px 0; padding:0; list-style:none; counter-reset:quick; }.charging-quick-card li { position:relative; min-height:27px; padding-left:31px; color:#456a51; font-size:13px; line-height:1.42; }.charging-quick-card li::before { counter-increment:quick; content:counter(quick); position:absolute; left:0; top:0; display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:#fff; background:var(--ch-green); font-size:10px; font-weight:900; }.charging-text-link { color:var(--ch-green-dark); font-size:13px; font-weight:850; text-decoration:none; }.charging-text-link:hover { text-decoration:underline; }
.charging-app-section { padding-top:29px; }.charging-my-app-toggle { display:inline-flex; min-height:44px; align-items:center; gap:8px; padding:0 13px; border:1px solid #cce3d2; border-radius:12px; color:#245536; background:#fff; font-size:13px; font-weight:800; cursor:pointer; white-space:nowrap; }.charging-my-app-toggle input { width:18px; height:18px; accent-color:var(--ch-green); }.charging-app-filter-row { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 17px; }.charging-app-filter-row button { min-height:37px; padding:0 13px; border:1px solid #d3e5d7; border-radius:999px; color:#476c54; background:#fff; font:800 12px/1 "DM Sans",sans-serif; cursor:pointer; }.charging-app-filter-row button[aria-pressed="true"] { border-color:var(--ch-green); color:#fff; background:var(--ch-green); box-shadow:0 5px 12px rgba(7,145,58,.18); }.charging-app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.charging-app-card { display:flex; min-height:268px; flex-direction:column; padding:18px; border:1px solid #d8e9dc; border-radius:19px; background:#fff; box-shadow:0 7px 17px rgba(14,70,32,.04); transition:transform .17s ease,box-shadow .17s ease; }.charging-app-card:hover { box-shadow:0 14px 29px rgba(13,83,34,.1); transform:translateY(-2px); }.charging-app-card.is-pending { background:linear-gradient(145deg,#fff,#fafdfb); opacity:.84; }.charging-app-card-top { display:grid; grid-template-columns:45px minmax(0,1fr) 35px; gap:11px; align-items:center; }.charging-app-card-top p { margin:0 0 3px; color:#61806b; font-size:10px; font-weight:850; line-height:1.2; text-transform:uppercase; letter-spacing:.055em; }.charging-app-card h3 { margin:0; color:#173d26; font:800 19px/1.1 Manrope,"DM Sans",sans-serif; letter-spacing:-.035em; }.charging-app-mark { display:grid; flex:0 0 auto; width:42px; height:42px; place-items:center; border-radius:13px; color:#fff; background:linear-gradient(135deg,#0da345,#056e2c); font:900 14px/1 Manrope,"DM Sans",sans-serif; letter-spacing:-.06em; box-shadow:inset 0 0 0 1px rgba(255,255,255,.15); }.charging-app-mark.tone-ionity { background:linear-gradient(135deg,#7864ff,#432dc7); }.charging-app-mark.tone-tesla { background:linear-gradient(135deg,#e9393f,#99141a); }.charging-app-mark.tone-petrol { background:linear-gradient(135deg,#e84235,#b30a16); }.charging-app-mark.tone-gremo { background:linear-gradient(135deg,#0b87ad,#055372); }.charging-app-mark.tone-mega { background:linear-gradient(135deg,#f7a51f,#c46708); }.charging-app-mark.tone-efrend { background:linear-gradient(135deg,#5a69d8,#343d9d); }.charging-app-mark.tone-geni { background:linear-gradient(135deg,#2c9e62,#146238); }.charging-app-mark.tone-moon { background:linear-gradient(135deg,#364666,#14213d); }.charging-app-mark.tone-lidl { background:linear-gradient(135deg,#1d4ab0,#06307c); }.charging-app-mark.tone-mol { background:linear-gradient(135deg,#35a843,#097029); }.charging-icon-button { display:grid; width:35px; height:35px; place-items:center; border:1px solid #d8e8dc; border-radius:50%; color:#397049; background:#fff; font-size:21px; cursor:pointer; }.charging-icon-button.is-saved { border-color:#cce9d2; color:#e33f53; background:#f3fbf5; }.charging-app-summary { min-height:3.1em; margin:15px 0 12px; color:#5c7664; font-size:13px; line-height:1.48; }.charging-app-badges { display:flex; flex-wrap:wrap; gap:6px; }.charging-app-badge { display:inline-flex; min-height:24px; align-items:center; padding:3px 7px; border:1px solid #d8e9dc; border-radius:999px; color:#477158; background:#fbfefb; font-size:10px; font-weight:800; }.charging-app-card-bottom { display:flex; align-items:end; justify-content:space-between; gap:8px; margin-top:auto; padding-top:14px; }.charging-app-verified,.charging-app-pending { display:inline-block; color:#427553; font-size:10px; font-weight:800; line-height:1.3; }.charging-app-pending { color:#98681b; }.charging-app-card-actions { display:flex; align-items:end; flex-direction:column; gap:7px; }.charging-text-button { padding:0; border:0; color:var(--ch-green-dark); background:transparent; font:850 12px/1 "DM Sans",sans-serif; cursor:pointer; }.charging-text-button:hover { text-decoration:underline; }.charging-compare-toggle { color:#5b7865; font-size:10px; font-weight:750; cursor:pointer; }.charging-compare-toggle input { vertical-align:-2px; accent-color:var(--ch-green); }.charging-app-no-results { grid-column:1/-1; padding:30px; border:1px dashed #c8dece; border-radius:18px; color:#567763; background:#f8fcf9; text-align:center; }.charging-app-no-results b { color:#214c30; }.charging-app-no-results p { margin:5px 0 0; font-size:13px; }.charging-data-note { margin:14px 0 0; color:#6a8170; font-size:12px; line-height:1.5; }
.charging-app-wizard { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(295px,.8fr); gap:16px; padding:21px; border:1px solid #cfe7d5; border-radius:22px; background:linear-gradient(135deg,#ecf9ef,#f9fdf9); }.charging-app-wizard form { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:start; }.charging-app-wizard label { min-width:0; }.charging-app-wizard label > span { display:block; margin:0 0 6px; color:#41684e; font-size:11px; font-weight:850; }.charging-app-wizard select { width:100%; min-height:46px; padding:0 10px; border:1px solid #cce2d1; border-radius:11px; color:#173d26; background:#fff; font:700 13px/1 "DM Sans",sans-serif; }.charging-app-wizard form > .charging-button { grid-column:1/-1; justify-self:start; }.charging-wizard-result { min-height:180px; padding:18px; border:1px solid #d7e9db; border-radius:16px; color:#567660; background:#fff; font-size:13px; line-height:1.5; }.charging-wizard-result h3 { margin:0 0 9px; color:#204d2e; font:800 16px/1.2 Manrope,"DM Sans",sans-serif; }.charging-wizard-result > div { display:grid; gap:3px; }.charging-wizard-result > p { margin:10px 0 0; color:#67816f; font-size:11px; }.charging-scenarios { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }.charging-scenarios button { min-height:38px; padding:0 12px; border:1px solid #d3e6d7; border-radius:10px; color:#27623a; background:#fff; font:800 12px/1 "DM Sans",sans-serif; cursor:pointer; }.charging-scenarios button:hover { background:#f0faf2; }.charging-compare-empty { padding:19px; border:1px dashed #cbe1d0; border-radius:15px; color:#577462; background:#fafdfb; font-size:13px; }.charging-compare-wrap { overflow:hidden; border:1px solid #d8e9dc; border-radius:17px; background:#fff; }.charging-compare-scroll { overflow-x:auto; }.charging-compare-wrap table { width:100%; min-width:620px; border-collapse:collapse; text-align:left; }.charging-compare-wrap th,.charging-compare-wrap td { padding:12px 14px; border-bottom:1px solid #e8f1ea; font-size:12px; line-height:1.35; }.charging-compare-wrap th { color:#234d30; background:#f4fbf6; font-weight:850; }.charging-compare-wrap td { color:#516f5a; }.charging-compare-wrap tr:last-child > * { border-bottom:0; }
.charging-app-dialog { width:min(700px,calc(100% - 22px)); }.charging-app-dialog .charging-dialog-content { max-height:calc(100vh - 38px); overflow:auto; }.charging-app-profile-heading { display:flex; align-items:center; gap:13px; margin:0 38px 0 0; }.charging-app-profile-heading .charging-app-mark { width:55px; height:55px; border-radius:16px; font-size:17px; }.charging-app-profile-heading h2 { margin:0; }.charging-app-profile-heading p { margin:4px 0 0; color:#567462; font-size:13px; }.charging-app-profile-summary { margin:15px 0 0; }.charging-app-downloads { display:flex; flex-wrap:wrap; gap:9px; margin:18px 0; }.charging-app-downloads .charging-button { gap:6px; }.charging-app-downloads small { font-size:10px; opacity:.83; }.charging-app-detail-block { margin-top:18px; padding:17px; border:1px solid #dcebe0; border-radius:15px; background:#fff; }.charging-app-detail-block h3,.charging-app-price-card h3,.charging-app-direct h3 { margin:0; color:#1d492a; font:800 17px/1.15 Manrope,"DM Sans",sans-serif; letter-spacing:-.03em; }.charging-app-status { margin:12px 0 0; }.charging-app-status div { padding:10px; }.charging-app-status dd { color:#0b7831; }.charging-app-price-card { margin-top:18px; padding:18px; border-radius:15px; color:#fff; background:linear-gradient(135deg,#087536,#075128); }.charging-app-price-card span { display:block; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.07em; opacity:.88; }.charging-app-price-card b { display:block; margin-top:5px; font:850 25px/1.12 Manrope,"DM Sans",sans-serif; letter-spacing:-.055em; }.charging-app-price-card p { margin:8px 0 0; color:#e5f7e9; font-size:12px; }.charging-app-price-card a { display:inline-block; margin-top:10px; color:#fff; font-size:12px; font-weight:850; }.charging-app-steps { display:grid; gap:9px; margin:14px 0 0; padding:0; list-style:none; counter-reset:appsteps; }.charging-app-steps li { position:relative; min-height:27px; padding:4px 0 0 35px; color:#456851; font-size:13px; line-height:1.45; }.charging-app-steps li::before { counter-increment:appsteps; content:counter(appsteps); position:absolute; top:0; left:0; display:grid; width:25px; height:25px; place-items:center; border-radius:50%; color:#fff; background:var(--ch-green); font-size:10px; font-weight:900; }.charging-app-checklist,.charging-troubleshooting { display:grid; gap:8px; margin:14px 0 0; padding:0; list-style:none; }.charging-app-checklist li { position:relative; padding-left:27px; color:#476b53; font-size:13px; line-height:1.42; }.charging-app-checklist li::before { content:"✓"; position:absolute; left:0; display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#fff; background:var(--ch-green); font-size:11px; font-weight:900; }.charging-app-direct { margin-top:18px; padding:17px; border-left:4px solid #e49c24; border-radius:12px; background:#fff8e9; }.charging-app-direct p { margin:8px 0 0; color:#745b2a; font-size:13px; line-height:1.5; }.charging-troubleshooting { counter-reset:trouble; }.charging-troubleshooting li { position:relative; padding-left:28px; color:#476b53; font-size:13px; line-height:1.42; }.charging-troubleshooting li::before { counter-increment:trouble; content:counter(trouble); position:absolute; left:0; top:0; color:#087a32; font-weight:900; }.charging-plan { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding:12px; border-radius:11px; background:#f3faf4; }.charging-plan b,.charging-plan span { display:block; }.charging-plan b { color:#204b2d; font-size:13px; }.charging-plan span { margin-top:3px; color:#647e6b; font-size:11px; }.charging-app-sources { margin:16px 0 0; color:#708777; font-size:10px; line-height:1.5; }.charging-app-sources a { color:#287341; }.charging-standing-search { display:block; margin-top:18px; }.charging-standing-search > span { display:block; margin:0 0 7px; color:#41684e; font-size:12px; font-weight:850; }.charging-standing-search input { padding-left:16px; }.charging-standing-results { display:grid; gap:4px; margin-top:14px; }.charging-standing-results > p { margin:0; padding:12px; border-radius:11px; background:#f3faf4; font-size:12px; }.charging-muted { color:#667f6d; font-size:13px; }
body.dark .charging-app-card,body.dark .charging-wizard-result,body.dark .charging-compare-wrap,body.dark .charging-app-detail-block,body.dark .charging-app-search-results,body.dark .charging-app-filter-row button,body.dark .charging-my-app-toggle,body.dark .charging-scenarios button,body.dark .charging-app-no-results { border-color:#31583b; color:#ddefe0; background:#14291a; } body.dark .charging-app-card h3,body.dark .charging-app-profile-heading h2,body.dark .charging-app-detail-block h3,body.dark .charging-wizard-result h3 { color:#effaf0; } body.dark .charging-app-summary,body.dark .charging-app-search-results small,body.dark .charging-wizard-result small,body.dark .charging-standing-results small { color:#b7cfbc; } body.dark .charging-app-badge,body.dark .charging-compare-empty,body.dark .charging-plan,body.dark .charging-standing-results > p { border-color:#31593d; color:#b9d1bf; background:#19351f; } body.dark .charging-app-wizard { border-color:#2c5637; background:linear-gradient(135deg,#12351d,#122418); } body.dark .charging-app-wizard select,body.dark .charging-app-search input,body.dark .charging-standing-search input { border-color:#3a6144; color:#e9f6eb; background:#13271a; } body.dark .charging-compare-wrap th { color:#e8f7ea; background:#1a3521; } body.dark .charging-compare-wrap td { border-color:#2c5435; color:#c2d8c6; } body.dark .charging-app-direct { background:#3a2f17; } body.dark .charging-app-direct p { color:#ead9ad; }
@media (max-width:960px) { .charging-app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.charging-app-wizard { grid-template-columns:1fr; } }
@media (max-width:620px) { .charging-app-hero { padding-top:24px; }.charging-app-search input { min-height:54px; }.charging-hero-actions { display:grid; grid-template-columns:1fr; }.charging-hero-actions .charging-button { width:100%; }.charging-my-app-toggle { width:100%; justify-content:center; }.charging-app-grid { grid-template-columns:1fr; gap:11px; }.charging-app-card { min-height:235px; }.charging-app-summary { min-height:0; }.charging-app-wizard { padding:15px; border-radius:17px; }.charging-app-wizard form { grid-template-columns:1fr; }.charging-app-wizard form > .charging-button { width:100%; }.charging-app-filter-row { flex-wrap:nowrap; overflow:auto; padding:0 0 4px; scrollbar-width:thin; }.charging-app-filter-row button { flex:0 0 auto; }.charging-app-dialog .charging-dialog-content { padding:17px; }.charging-app-downloads { display:grid; grid-template-columns:1fr; }.charging-app-downloads .charging-button { width:100%; }.charging-plan { align-items:start; flex-direction:column; }.charging-plan .charging-button { width:100%; }.charging-app-profile-heading .charging-app-mark { width:48px; height:48px; }.charging-app-profile-heading h2 { font-size:23px; }.charging-app-card-bottom { align-items:start; flex-direction:column; }.charging-app-card-actions { align-items:start; flex-direction:row; }.charging-app-card-actions .charging-text-button { min-height:26px; }.charging-scenarios { display:grid; grid-template-columns:1fr; }.charging-scenarios button { width:100%; }.charging-compare-section { padding-bottom:29px; } }

.charging-app-faq { padding-top:20px; }.charging-faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.charging-faq-grid details { padding:0 17px; border:1px solid #dbeae0; border-radius:14px; background:#fff; }.charging-faq-grid summary { min-height:58px; display:flex; align-items:center; padding-right:20px; color:#214d30; font-size:13px; font-weight:850; cursor:pointer; }.charging-faq-grid p { margin:0 0 16px; color:#5a7562; font-size:13px; line-height:1.55; } body.dark .charging-faq-grid details { border-color:#31583b; background:#14291a; } body.dark .charging-faq-grid summary { color:#e9f6eb; } body.dark .charging-faq-grid p { color:#c0d4c4; } .charging-app-route-hero { max-width:900px; }.charging-app-route-status { grid-template-columns:repeat(2,1fr); }.charging-subheading { margin-top:26px !important; }.charging-route-note { padding-top:20px; }
@media (max-width:620px) { .charging-faq-grid { grid-template-columns:1fr; }.charging-app-route-status { grid-template-columns:1fr; } }