:root{--bg:#09130f;--panel:#102019;--panel2:#14281f;--text:#f1f7f3;--muted:#9eb4a7;--line:#274638;--accent:#a9f06d;--accent2:#6cd8ff;--danger:#ff8f8f;--warning:#ffd166;--shadow:0 18px 55px rgba(0,0,0,.28)}
:root.theme-light{--bg:#f4f8f5;--panel:#fff;--panel2:#f1f7f3;--text:#17211b;--muted:#607167;--line:#d2e1d7;--accent:#4f8e23;--accent2:#156f92;--danger:#ad2424;--warning:#9a6500;--shadow:0 14px 35px rgba(28,64,41,.12)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#173525 0,var(--bg) 35%);color:var(--text);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.theme-light body{background:linear-gradient(#eef7f1,#f8fbf9)}button,select,input{font:inherit}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1180px;margin:auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--panel2);font-size:21px;overflow:hidden}.brand .logo img{width:30px;height:30px;display:block;border-radius:8px}.brand b{display:block}.brand small{display:block;color:var(--muted)}.top-actions{display:flex;gap:8px}.top-actions select,.top-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px}.wrap{max-width:1180px;margin:auto;padding:30px 20px 50px}.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:.76rem;letter-spacing:.15em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(2rem,5vw,4.3rem);line-height:.98;margin:.25em 0 .25em;max-width:800px}.hero p{color:var(--muted);max-width:740px;margin:0}.country-tabs{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px;min-width:270px}.country-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:11px 13px;cursor:pointer}.country-tabs button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:color-mix(in srgb,var(--panel) 75%,var(--accent) 25%)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat b{display:block;font-size:1.65rem;margin:6px 0 1px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel h2,.results-head h2{margin:0 0 14px}.grid{display:grid;gap:12px}.grid-country{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-filters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.grid label,.panel label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.83rem}.grid select,.location-line input,.location-line button{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:10px 11px}.location-line{display:grid;grid-template-columns:1fr auto auto auto;gap:9px;margin-top:12px;align-items:start}.location-line button{width:auto;cursor:pointer}.hint{color:var(--muted);font-size:.78rem;margin-top:8px}.checkbox{justify-content:flex-end!important;align-items:flex-start!important}.checkbox input{margin-top:9px;transform:scale(1.15)}.checkbox span{margin-left:24px;margin-top:-26px}.actions{display:flex;align-items:center;gap:12px;margin-top:14px}.primary{border:0;background:var(--accent);color:#10200f;font-weight:800;padding:11px 15px;border-radius:12px;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.actions #stamp{color:var(--muted);font-size:.8rem}.status{margin-top:12px;min-height:1.3em;color:var(--muted)}.status.error{color:var(--danger)}.results-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:25px 0 10px}.results-head h2{margin:0}.results-head small{color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pill{font-size:.75rem;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.results{display:grid;gap:10px}.station{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:16px 18px}.station h3{margin:0 0 4px;font-size:1.06rem}.station .address,.station .meta{color:var(--muted);font-size:.84rem}.station .meta{margin-top:6px}.station a{display:inline-block;margin-top:9px;color:var(--accent2);text-decoration:none;font-weight:700}.prices{display:flex;gap:8px;align-items:stretch}.pricebox{min-width:112px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:9px 10px;text-align:right}.pricebox small{display:block;color:var(--muted);font-size:.72rem}.pricebox b{display:block;font-size:1.2rem;margin-top:4px;white-space:nowrap}.pricebox.missing b{color:var(--muted)}.empty{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.source-box{margin-top:20px;border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:16px;color:var(--muted)}.source-box strong{color:var(--text)}.source-box p{margin:.55em 0}.source-box a{color:var(--accent2)}footer{text-align:center;color:var(--muted);padding:24px 0 0;font-size:.8rem}
@media(max-width:900px){.hero{display:block}.country-tabs{margin-top:18px;min-width:0;grid-template-columns:repeat(4,1fr)}.country-tabs span{display:none}.grid-country,.grid-filters{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:1fr}.station{grid-template-columns:1fr}.prices{overflow-x:auto}.pricebox{min-width:105px}.location-line{grid-template-columns:1fr 1fr 1fr}.address-wrap{grid-column:1/-1}}
@media(max-width:560px){.wrap{padding:22px 12px 40px}.topbar-inner{padding:9px 12px}.brand small{display:none}.top-actions select{max-width:158px}.grid-country,.grid-filters{grid-template-columns:1fr}.location-line{grid-template-columns:1fr 1fr}.address-wrap{grid-column:1/-1}.hero h1{font-size:2.35rem}.station{padding:14px}.pricebox{min-width:98px}.results-head{display:block}.legend{justify-content:flex-start;margin-top:8px}}

.address-wrap{position:relative;min-width:0}.address-wrap input{display:block}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:320px;overflow-y:auto}.suggestion{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px 12px;text-align:left;cursor:pointer}.suggestion:last-child{border-bottom:0}.suggestion:hover,.suggestion.active{background:var(--panel2)}.suggestion b{display:block;font-size:.9rem}.suggestion small{display:block;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions[hidden]{display:none!important}.top-actions select{min-height:38px}

.suggestion-error{padding:11px 12px;color:var(--muted);font-size:.84rem;background:var(--panel);}

/* Švýcarsko / Lichtenštejnsko: ceny TankBillig jsou vložené u zdroje. */
.results.embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.results.embed-grid.single{grid-template-columns:1fr}
.fuel-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.fuel-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.fuel-card-head h3{margin:0}.fuel-card-head a{color:var(--accent2);text-decoration:none;font-weight:700;font-size:.85rem}
.fuel-frame{display:block;width:100%;height:900px;border:0;background:#fff}
@media(max-width:900px){.results.embed-grid{grid-template-columns:1fr}.fuel-frame{height:820px}}
@media(max-width:560px){.fuel-frame{height:760px}}

/* v2.0: kompaktní INTEA-style kódy zemí, více států a viditelný build */
.hero{display:block;align-items:initial}.country-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;min-width:0}.country-tabs button{min-width:64px;padding:9px 11px}.country-tabs button span{font-weight:800;letter-spacing:.05em}.build-badge{align-self:center;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:.72rem;white-space:nowrap}.prices{max-width:100%;overflow-x:auto}.grid-country{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.country-tabs{display:flex;grid-template-columns:none}.country-tabs span{display:inline}.build-badge{display:none}}
@media(max-width:560px){.country-tabs button{min-width:56px;padding:8px 9px}.top-actions{min-width:0}.top-actions select{max-width:132px}}

/* v2.0.2: podrobnosti českých stanic z původní CZ verze */
.station .meta.closed{color:var(--danger)}.station .meta.soon{color:var(--warning);font-weight:700}.station .meta.too-soon{color:var(--danger);font-weight:800}.station-condition{display:inline-block;margin-top:7px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem}.station-note,.station-holiday{margin-top:5px;color:var(--muted);font-size:.79rem;max-width:760px}.station-holiday{color:var(--danger)}.station-source-status{margin-top:6px;color:var(--accent);font-size:.79rem}.station-source-status.warn{color:var(--danger)}.station-source-link{margin-right:12px}

/* v2.0.3: jednotný detail karet pro všechny země */
.station-links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:8px}.station-links a,.station-source-link{margin-top:0!important}.station-note strong{color:var(--text);font-weight:650}.station .meta:empty{display:none}

.station-country-badge{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:2px 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem;vertical-align:2px}.converted-price{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;font-weight:500}.cross-note{font-size:.76rem;color:var(--muted);margin-top:5px}

/* v2.1.0: komunitní ceny a uživatelsky přidané stanice */
.secondary{border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:750;padding:10px 14px;border-radius:12px;cursor:pointer}.secondary:hover{border-color:var(--accent)}
.station-action{border:0;background:transparent;color:var(--accent2);font-weight:700;padding:0;cursor:pointer;font:inherit}.station-action:hover{text-decoration:underline}
.community-reports{margin-top:10px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent2) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel2) 88%,var(--accent2) 12%)}
.community-title{font-size:.75rem;font-weight:800;letter-spacing:.03em;color:var(--accent2);margin-bottom:6px}.community-report{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.community-report:first-of-type{border-top:0}.community-report b{font-size:.84rem}.community-report small{display:block;color:var(--muted);font-size:.73rem;margin-top:2px}.community-votes{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px}.community-votes span{font-size:.72rem;color:var(--muted)}.community-votes button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:4px 7px;font-size:.7rem;cursor:pointer}.community-votes button:hover{border-color:var(--accent)}
.community-station{border-style:dashed;border-color:color-mix(in srgb,var(--accent2) 48%,var(--line))}.community-station .pricebox{border-style:dashed}.community-station .station-source-status{font-weight:700}
.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(3,12,8,.62);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(88vh,850px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:22px}.modal-card h2{margin:0 40px 5px 0}.modal-intro{margin:0 0 16px;color:var(--muted)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.8rem}.community-grid input,.community-grid select,.community-grid textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:9px 10px;resize:vertical}.community-grid input[readonly]{opacity:.8}.community-wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.modal-open{overflow:hidden}
@media(max-width:650px){.community-grid{grid-template-columns:1fr}.community-wide{grid-column:auto}.community-report{display:block}.community-votes{justify-content:flex-start;margin-top:7px}.modal{padding:8px}.modal-card{padding:18px;border-radius:16px}.actions{flex-wrap:wrap}}

/* Fuel selector + consistent fuel colors */
.fuel-selector{grid-column:1/-1;display:block!important;margin-top:2px}.fuel-selector>span{display:block;color:var(--muted);font-size:.83rem;margin-bottom:8px}.fuel-checks{display:flex;flex-wrap:wrap;gap:8px}.fuel-check{--fuel:#7b8794;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;border:1px solid color-mix(in srgb,var(--fuel) 55%,var(--line));background:color-mix(in srgb,var(--panel2) 88%,var(--fuel) 12%);color:var(--text)!important;border-radius:999px;padding:7px 10px;font-size:.82rem!important;cursor:pointer}.fuel-check input{margin:0;accent-color:var(--fuel)}.fuel-swatch{width:10px;height:10px;border-radius:3px;background:var(--fuel);box-shadow:0 0 0 1px color-mix(in srgb,var(--fuel) 75%,#0000)}.fuel-color{--fuel:#7b8794;--fuel-bg:color-mix(in srgb,var(--panel2) 88%,var(--fuel) 12%)}.fuel-check[data-fuel="diesel"],.fuel-color[data-fuel="diesel"]{--fuel:#4f8df7}.fuel-check[data-fuel="petrol95"],.fuel-color[data-fuel="petrol95"]{--fuel:#27b876}.fuel-check[data-fuel="petrol92"],.fuel-color[data-fuel="petrol92"]{--fuel:#65a84d}.fuel-check[data-fuel="lpg"],.fuel-color[data-fuel="lpg"]{--fuel:#e2a72e}.fuel-check[data-fuel="petrol95Plus"],.fuel-color[data-fuel="petrol95Plus"],.fuel-check[data-fuel="petrolPremium"],.fuel-color[data-fuel="petrolPremium"]{--fuel:#14a879}.fuel-check[data-fuel="dieselPlus"],.fuel-color[data-fuel="dieselPlus"],.fuel-check[data-fuel="dieselPremium"],.fuel-color[data-fuel="dieselPremium"]{--fuel:#5570d8}.fuel-check[data-fuel="petrol98"],.fuel-color[data-fuel="petrol98"]{--fuel:#9d63d7}.fuel-check[data-fuel="petrol100"],.fuel-color[data-fuel="petrol100"]{--fuel:#dc5a5a}.fuel-check[data-fuel="e10"],.fuel-color[data-fuel="e10"]{--fuel:#27a9aa}.fuel-check[data-fuel="cng"],.fuel-color[data-fuel="cng"]{--fuel:#39a7a0}.pricebox.fuel-color{background:var(--fuel-bg);border-color:color-mix(in srgb,var(--fuel) 55%,var(--line));border-left:4px solid var(--fuel)}.pricebox.fuel-color small{color:color-mix(in srgb,var(--fuel) 75%,var(--text))}.pill.fuel-color{border-color:color-mix(in srgb,var(--fuel) 55%,var(--line));background:var(--fuel-bg);color:var(--text)}.fuel-card-color{border-top:4px solid var(--fuel)}
@media(max-width:560px){.fuel-checks{gap:6px}.fuel-check{padding:6px 8px;font-size:.78rem!important}}

.fuel-filter{border:0;padding:0;margin:14px 0 0;min-width:0}.fuel-filter legend{color:var(--muted);font-size:.83rem;padding:0;margin-bottom:8px}

/* v2.3.0: cookie / preference notice */
.cookie-notice{position:fixed;z-index:160;left:18px;right:18px;bottom:18px;max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 16px 46px rgba(0,0,0,.22);backdrop-filter:blur(10px);color:var(--text);font-size:.82rem}.cookie-notice[hidden]{display:none!important}.cookie-notice button{flex:none;border:0;border-radius:11px;padding:9px 14px;background:var(--accent);color:#0b1b10;font-weight:800;cursor:pointer}.cookie-notice button:hover{filter:brightness(.96)}
@media(max-width:620px){.cookie-notice{left:9px;right:9px;bottom:9px;display:block}.cookie-notice button{margin-top:10px;width:100%}}

/* v2.3.1: legal disclaimer */
.legal-box{margin-top:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 86%,transparent);border-radius:16px;padding:15px 16px;color:var(--muted);font-size:.8rem;line-height:1.48}.legal-box strong{display:block;color:var(--text);margin-bottom:6px}.legal-box p{margin:0}

/* v2.4.0 price-change / state-regulation notices */
.price-rule{margin-top:7px;padding:7px 9px;border-radius:9px;font-size:.86rem;font-weight:700;line-height:1.25;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.price-rule.state{color:#8a5200;background:rgba(245,158,11,.12)}
.price-rule.chain{color:#765000;background:rgba(250,204,21,.11)}
@media (prefers-color-scheme:dark){.price-rule.state,.price-rule.chain{color:#ffd98a}}

/* v2.4.4: mobile-first responsive hardening */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden;min-width:0}
img,svg,iframe{max-width:100%}
button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}
.wrap,.topbar-inner{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.topbar{padding-top:env(safe-area-inset-top)}
.station,.panel,.stat,.source-box,.legal-box,.fuel-card{min-width:0}
.station .address,.station .meta,.station-note,.source-box,.legal-box,.source-box a,.legal-box a{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:720px){
  .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px;padding-bottom:8px}
  .brand{min-width:0}
  .brand>div{min-width:0}
  .brand b,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .top-actions select{width:100%;max-width:none!important;min-width:0;min-height:44px;padding:9px 10px}
  .build-badge{display:none}

  .wrap{padding-top:18px;padding-bottom:max(36px,env(safe-area-inset-bottom))}
  .hero{margin-bottom:16px}
  .hero h1{font-size:clamp(2rem,10vw,2.8rem);line-height:1.02;margin-top:.22em}
  .hero p{font-size:.94rem}
  .eyebrow{font-size:.7rem;letter-spacing:.12em}

  .country-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px;width:100%}
  .country-tabs button{min-width:0!important;min-height:44px;padding:8px 5px;display:flex;align-items:center;justify-content:center;gap:5px}
  .country-tabs button span{display:inline!important;font-size:.78rem}

  .summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
  .summary .stat{padding:12px 13px;border-radius:15px}
  .summary .stat:nth-child(3){grid-column:1/-1}
  .stat span,.stat small{font-size:.75rem}
  .stat b{font-size:1.35rem;margin-top:3px;overflow-wrap:anywhere}

  .panel{padding:15px;border-radius:17px}
  .panel h2{font-size:1.2rem}
  .grid-country,.grid-filters{grid-template-columns:1fr}
  .grid{gap:10px}
  .grid select,.location-line input,.location-line button,.community-grid input,.community-grid select,.community-grid textarea{font-size:16px;min-height:44px}
  .location-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .address-wrap{grid-column:1/-1}
  .location-line button{width:100%;min-width:0;min-height:44px;padding:9px 8px}
  .suggestions{max-height:min(42dvh,320px);overscroll-behavior:contain}
  .suggestion{min-height:44px;padding:11px 12px}

  .checkbox{justify-content:flex-start!important;position:relative;padding:7px 0 7px 34px;min-height:44px}
  .checkbox input{position:absolute;left:3px;top:9px;margin:0;transform:scale(1.2)}
  .checkbox span{margin:0!important;align-self:center}

  .fuel-filter{margin-top:13px}
  .fuel-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .fuel-check{width:100%;min-height:42px;justify-content:flex-start;padding:7px 9px!important;border-radius:12px;font-size:.8rem!important;min-width:0}
  .fuel-check span{min-width:0;overflow-wrap:anywhere}

  .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
  .actions .primary,.actions .secondary{width:100%;min-height:46px;padding:10px 8px}
  .actions #stamp{grid-column:1/-1;display:block;line-height:1.35;overflow-wrap:anywhere}
  .status{overflow-wrap:anywhere}

  .results-head{display:block;margin-top:20px}
  .results-head h2{font-size:1.25rem}
  .legend{justify-content:flex-start;margin-top:8px}
  .pill{padding:5px 8px}

  .station{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;border-radius:15px}
  .station h3{font-size:1rem;overflow-wrap:anywhere}
  .station-country-badge{margin-left:4px}
  .prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;width:100%}
  .pricebox{min-width:0!important;width:100%;padding:9px 9px;text-align:left}
  .pricebox b{font-size:1.08rem;white-space:normal;overflow-wrap:anywhere}
  .station-links{gap:6px 12px}
  .station-links a,.station-action{min-height:36px;display:inline-flex!important;align-items:center}
  .community-report{display:block}
  .community-votes{justify-content:flex-start;margin-top:7px}
  .community-votes button{min-height:36px;padding:6px 9px}

  .fuel-card-head{align-items:flex-start;flex-wrap:wrap;padding:12px 13px}
  .fuel-frame{height:min(72dvh,720px)}

  .modal{place-items:end center;padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .modal-card{width:100%;max-width:none;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:18px 18px 0 0;border-bottom:0;padding:18px 14px max(18px,env(safe-area-inset-bottom));overscroll-behavior:contain}
  .modal-close{width:44px;height:44px;right:5px;top:4px;display:grid;place-items:center}
  .community-grid{grid-template-columns:1fr;gap:10px}
  .community-wide{grid-column:auto}
  .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:calc(-1 * max(18px,env(safe-area-inset-bottom)));background:var(--panel);padding:10px 0 max(18px,env(safe-area-inset-bottom));z-index:2}
  .modal-actions button{min-height:46px;width:100%}

  .cookie-notice{left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));max-height:calc(100dvh - 18px - env(safe-area-inset-top));overflow:auto}
  .cookie-notice button{min-height:44px}
  .source-box,.legal-box{padding:13px 14px}
  footer{padding-bottom:env(safe-area-inset-bottom);overflow-wrap:anywhere}
}

@media(max-width:390px){
  .wrap,.topbar-inner{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .brand .logo{width:34px;height:34px;border-radius:10px}
  .brand .logo img{width:27px;height:27px}
  .country-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .summary{grid-template-columns:1fr}
  .summary .stat:nth-child(3){grid-column:auto}
  .fuel-checks{grid-template-columns:1fr}
  .prices{grid-template-columns:1fr}
  .actions{grid-template-columns:1fr}
  .actions #stamp{grid-column:auto}
  .modal-actions{grid-template-columns:1fr}
}

@media(max-width:720px) and (orientation:landscape){
  .topbar-inner{grid-template-columns:auto minmax(280px,1fr);align-items:center}
  .top-actions{width:min(100%,520px);justify-self:end}
  .brand small{display:none}
  .summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .summary .stat:nth-child(3){grid-column:auto}
  .grid-country,.grid-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-card{max-height:calc(100dvh - 6px)}
}

/* v2.5.0: EV charging mode */
.mode-switch{display:inline-flex;gap:5px;padding:5px;margin:4px 0 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.mode-switch button{border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:9px 14px;cursor:pointer;min-height:40px}
.mode-switch button.active{background:var(--accent);color:#0b1b10;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ev-filters{margin-top:14px}
.ev-station{border-left:4px solid #35b77a}
.ev-connectors{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.ev-connector{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--panel2);font-size:.78rem;color:var(--muted)}
.ev-connector b{color:var(--text)}
.ev-facts{display:grid;grid-template-columns:minmax(118px,1fr);gap:8px;align-content:start;min-width:145px}
.ev-power,.ev-fee{border:1px solid var(--line);border-radius:13px;padding:10px 11px;background:var(--panel2)}
.ev-power{border-left:4px solid #35b77a}
.ev-power small,.ev-fee small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:3px}
.ev-power b,.ev-fee b{display:block;font-size:1.05rem;overflow-wrap:anywhere}
@media(max-width:720px){
  .mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:13px}
  .mode-switch button{width:100%;min-width:0;min-height:44px;padding:9px 7px}
  .ev-filters{grid-template-columns:1fr 1fr!important}
  .ev-station{grid-template-columns:minmax(0,1fr)}
  .ev-facts{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
}
@media(max-width:390px){.ev-filters,.ev-facts{grid-template-columns:1fr!important}}

/* v2.6.0: visual refresh — modern travel / energy UI */
:root{
  --bg:#07111f;
  --panel:#0d1a2b;
  --panel2:#122238;
  --text:#f7f9fc;
  --muted:#9caec3;
  --line:#203650;
  --accent:#9bea72;
  --accent2:#68d2ff;
  --danger:#ff8f9c;
  --warning:#ffd66b;
  --shadow:0 22px 70px rgba(0,0,0,.30);
  --shadow-soft:0 10px 34px rgba(0,0,0,.18);
  --radius-xl:26px;
  --radius-lg:20px;
  --radius-md:14px;
}
:root.theme-light{
  --bg:#f3f7fb;
  --panel:#ffffff;
  --panel2:#f5f8fc;
  --text:#102033;
  --muted:#617287;
  --line:#d9e3ee;
  --accent:#4d9f2d;
  --accent2:#087ca8;
  --danger:#b52b3d;
  --warning:#9b6800;
  --shadow:0 20px 55px rgba(36,68,101,.11);
  --shadow-soft:0 9px 28px rgba(36,68,101,.09);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% -4%,rgba(104,210,255,.16),transparent 28rem),
    radial-gradient(circle at 88% 8%,rgba(155,234,114,.12),transparent 26rem),
    linear-gradient(180deg,#07111f 0,var(--bg) 34rem);
  letter-spacing:-.005em;
}
.theme-light body{
  background:
    radial-gradient(circle at 12% -4%,rgba(104,210,255,.20),transparent 28rem),
    radial-gradient(circle at 88% 8%,rgba(155,234,114,.18),transparent 26rem),
    linear-gradient(180deg,#eef6fb 0,var(--bg) 34rem);
}
button,select,input,textarea{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent2) 42%,transparent);outline-offset:2px}
.topbar{
  background:color-mix(in srgb,var(--bg) 76%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);
  box-shadow:0 8px 30px rgba(0,0,0,.08);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.topbar-inner{max-width:1240px;padding-top:12px;padding-bottom:12px}
.brand{gap:12px}
.brand .logo{
  width:44px;height:44px;border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),color-mix(in srgb,var(--accent2) 16%,var(--panel)));
  border:1px solid color-mix(in srgb,var(--line) 70%,var(--accent2) 30%);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.brand .logo img{width:34px;height:34px;border-radius:10px}
.brand b{font-size:1.03rem;letter-spacing:-.02em}
.brand small{font-size:.76rem;margin-top:1px}
.top-actions{align-items:center}
.top-actions select{
  min-height:42px;border-radius:12px;padding:8px 34px 8px 11px;
  background-color:color-mix(in srgb,var(--panel) 92%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.build-badge{
  border-color:color-mix(in srgb,var(--accent2) 26%,var(--line));
  background:color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%);
  color:color-mix(in srgb,var(--text) 74%,var(--accent2));
  font-weight:750;
}
.wrap{max-width:1240px;padding-top:36px}
.hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(24px,4vw,48px);
  margin-bottom:18px;
  border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent2) 28%);
  border-radius:30px;
  background:
    linear-gradient(125deg,color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 92%,var(--accent) 8%));
  box-shadow:var(--shadow);
}
.hero::before,.hero::after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(2px);pointer-events:none}
.hero::before{width:330px;height:330px;right:-100px;top:-170px;background:radial-gradient(circle,rgba(104,210,255,.20),transparent 68%)}
.hero::after{width:290px;height:290px;right:12%;bottom:-210px;background:radial-gradient(circle,rgba(155,234,114,.17),transparent 68%)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.17em;color:var(--accent);margin-bottom:3px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.hero h1{
  max-width:850px;font-size:clamp(2.5rem,6vw,5rem);line-height:.94;margin:.22em 0 .22em;
  letter-spacing:-.055em;
  background:linear-gradient(112deg,var(--text) 18%,color-mix(in srgb,var(--text) 76%,var(--accent2)) 62%,color-mix(in srgb,var(--text) 72%,var(--accent)) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{max-width:760px;font-size:1rem;line-height:1.62;color:color-mix(in srgb,var(--muted) 88%,var(--text) 12%)}
.country-tabs{gap:8px;margin-top:26px}
.country-tabs button{
  min-width:68px;min-height:46px;padding:9px 12px;border-radius:14px;
  background:color-mix(in srgb,var(--panel2) 84%,transparent);
  border-color:color-mix(in srgb,var(--line) 85%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  font-weight:760;
}
.country-tabs button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent2) 48%,var(--line));background:color-mix(in srgb,var(--panel2) 84%,var(--accent2) 16%)}
.country-tabs button.active{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 72%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 70%,var(--accent) 30%),color-mix(in srgb,var(--panel2) 82%,var(--accent2) 18%));
  box-shadow:0 8px 24px rgba(0,0,0,.15),inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);
}
.summary{gap:14px;margin-bottom:18px}
.stat{
  position:relative;overflow:hidden;padding:19px 20px;border-radius:var(--radius-lg);
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel2) 84%,var(--panel) 16%));
  box-shadow:var(--shadow-soft);
}
.stat::after{content:"";position:absolute;width:74px;height:74px;right:-28px;top:-30px;border-radius:50%;background:color-mix(in srgb,var(--accent2) 9%,transparent)}
.stat:nth-child(1)::after{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.stat:nth-child(3)::after{background:color-mix(in srgb,var(--warning) 9%,transparent)}
.stat span{font-weight:650;font-size:.76rem;text-transform:uppercase;letter-spacing:.055em}
.stat b{font-size:1.72rem;letter-spacing:-.035em;margin:7px 0 2px}
.panel{
  border-radius:var(--radius-xl);padding:24px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel2) 82%,var(--panel) 18%));
  border-color:color-mix(in srgb,var(--line) 86%,transparent);box-shadow:var(--shadow);
}
.panel h2,.results-head h2{letter-spacing:-.035em}
.panel h2{font-size:1.35rem;margin-bottom:16px}
.mode-switch{
  padding:6px;gap:6px;border-radius:16px;margin:0 0 20px;
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--bg) 35%,var(--panel2) 65%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.14);
}
.mode-switch button{min-height:44px;padding:10px 18px;border-radius:12px;font-size:.92rem}
.mode-switch button:hover:not(.active){background:color-mix(in srgb,var(--panel2) 78%,var(--accent2) 22%);color:var(--text)}
.mode-switch button.active{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,var(--accent2) 32%));
  color:#10200f;box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 20%,transparent);
}
.grid label,.panel label{font-weight:620;color:color-mix(in srgb,var(--muted) 90%,var(--text) 10%)}
.grid select,.location-line input,.location-line button,.community-grid input,.community-grid select,.community-grid textarea{
  border-radius:13px;border-color:color-mix(in srgb,var(--line) 92%,transparent);
  background:color-mix(in srgb,var(--panel2) 92%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.grid select:hover,.location-line input:hover,.community-grid input:hover,.community-grid select:hover,.community-grid textarea:hover{border-color:color-mix(in srgb,var(--accent2) 38%,var(--line))}
.grid select:focus,.location-line input:focus,.community-grid input:focus,.community-grid select:focus,.community-grid textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 15%,transparent);outline:none}
.location-line{gap:10px;margin-top:14px}
.location-line input{min-height:46px;padding-left:14px}
.location-line button{min-height:46px;padding-left:14px;padding-right:14px;font-weight:720}
.location-line button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent2) 50%,var(--line));background:color-mix(in srgb,var(--panel2) 80%,var(--accent2) 20%)}
.suggestions{border-radius:15px;box-shadow:0 22px 60px rgba(0,0,0,.34);padding:5px}
.suggestion{border-radius:10px;border-bottom:0;margin:1px 0}
.suggestion:hover,.suggestion.active{background:color-mix(in srgb,var(--panel2) 76%,var(--accent2) 24%)}
.fuel-filter{border:1px solid var(--line);border-radius:16px;padding:12px 13px 13px;margin-top:15px;background:color-mix(in srgb,var(--panel2) 72%,transparent)}
.fuel-filter legend{padding:0 7px;color:var(--muted);font-size:.78rem;font-weight:650}
.fuel-check{border-radius:999px!important;border:1px solid var(--line)!important;background:color-mix(in srgb,var(--panel) 72%,transparent)!important}
.fuel-check:has(input:checked){border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;background:color-mix(in srgb,var(--panel2) 72%,var(--accent) 28%)!important;color:var(--text)!important}
.checkbox{border-radius:12px}
.actions{margin-top:18px;gap:10px}
.primary,.secondary,.modal-actions button,.station-action{
  border-radius:13px;font-weight:800;box-shadow:none;
}
.primary{
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--accent2) 30%));
  color:#10200f;box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 18%,transparent);
}
.primary:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08) brightness(1.03);box-shadow:0 13px 28px color-mix(in srgb,var(--accent) 24%,transparent)}
.secondary:hover,.station-action:hover{transform:translateY(-1px)}
.status{border-radius:12px}
.results-head{margin-top:30px;margin-bottom:12px}
.results-head h2{font-size:1.45rem}
.pill{padding:5px 9px;background:color-mix(in srgb,var(--panel2) 76%,transparent);font-weight:650}
.results{gap:12px}
.station{
  position:relative;overflow:hidden;border-radius:20px;padding:18px 20px;
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel2) 76%,var(--panel) 24%));
  box-shadow:0 8px 30px rgba(0,0,0,.09);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.station::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent2),var(--accent));opacity:.72}
.station:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent2) 32%,var(--line));box-shadow:0 15px 42px rgba(0,0,0,.16)}
.station h3{font-size:1.08rem;letter-spacing:-.02em}
.station .address{line-height:1.5}
.station-links a{color:var(--accent2);text-underline-offset:3px}
.station-links a:hover{text-decoration:underline}
.prices{gap:9px}
.pricebox{
  min-width:118px;border-radius:15px;padding:10px 12px;
  background:color-mix(in srgb,var(--panel2) 90%,transparent);
  border-color:color-mix(in srgb,var(--line) 90%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.pricebox small{font-weight:650;letter-spacing:.01em}
.pricebox b{font-size:1.22rem;letter-spacing:-.025em}
.ev-station{border-left:0}
.ev-station::before{width:4px;background:linear-gradient(180deg,#69d7ff,#74e6a4)}
.ev-connector{padding:6px 10px;background:color-mix(in srgb,var(--panel2) 88%,transparent);font-weight:600}
.ev-power,.ev-fee{border-radius:15px;background:color-mix(in srgb,var(--panel2) 90%,transparent)}
.ev-power{border-left:0;box-shadow:inset 3px 0 #74e6a4}
.source-box,.legal-box{
  border-radius:18px;background:color-mix(in srgb,var(--panel) 72%,transparent);
  border-color:color-mix(in srgb,var(--line) 82%,transparent);box-shadow:var(--shadow-soft)
}
.source-box a,.legal-box a{color:var(--accent2)}
.price-rule{border-radius:11px;padding:8px 10px}
.modal-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-card{border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.cookie-notice{border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.30)}
footer{opacity:.88}

@media(max-width:720px){
  .wrap{padding-top:14px}
  .hero{padding:22px 16px 18px;border-radius:22px;margin-bottom:12px}
  .hero::before{width:240px;height:240px;right:-110px;top:-100px}
  .hero h1{font-size:clamp(2.15rem,11vw,3.15rem);letter-spacing:-.06em}
  .hero p{font-size:.91rem;line-height:1.55}
  .country-tabs{margin-top:18px;gap:7px}
  .country-tabs button{border-radius:12px;min-height:43px}
  .summary{gap:8px}
  .summary .stat{border-radius:16px;padding:13px 14px;box-shadow:0 7px 22px rgba(0,0,0,.10)}
  .panel{border-radius:20px;padding:15px;box-shadow:0 12px 38px rgba(0,0,0,.16)}
  .mode-switch{border-radius:14px}
  .station{border-radius:17px;padding:15px 14px 15px 16px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
  .station:hover{transform:none}
  .pricebox{border-radius:13px}
  .source-box,.legal-box{border-radius:16px;box-shadow:none}
}
@media(max-width:390px){
  .hero{padding-left:14px;padding-right:14px}
  .hero h1{font-size:2.2rem}
  .country-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* v2.6.5: rendering performance */
.station{content-visibility:auto;contain-intrinsic-size:auto 230px}
@media(max-width:720px){.station{contain-intrinsic-size:auto 330px}}

/* v2.7.0: local operator brand marks */
.station-title-with-brand{display:inline-flex;align-items:center;gap:.55rem;vertical-align:middle;min-width:0}.brand-mark{display:inline-block;width:auto;height:28px;max-width:112px;object-fit:contain;flex:0 0 auto;border-radius:7px}.ev-station .brand-mark{height:26px}.ev-bolt{vertical-align:middle}@media(max-width:640px){.station-title-with-brand{gap:.4rem}.brand-mark{height:24px;max-width:96px}.ev-station .brand-mark{height:23px}}
/* v2.7.5: real operator/company logos; no generated text pseudo-logos */
.brand-logo-box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:34px;height:32px;padding:3px 6px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,35,55,.05)}
.brand-logo-box .brand-mark{display:block;width:auto;height:24px;max-width:112px;max-height:24px;object-fit:contain;border-radius:0}
.ev-station .brand-logo-box{height:31px}.ev-station .brand-logo-box .brand-mark{height:23px;max-height:23px}
@media(max-width:640px){.brand-logo-box{height:28px;padding:2px 5px}.brand-logo-box .brand-mark{height:20px;max-height:20px;max-width:90px}.ev-station .brand-logo-box{height:28px}.ev-station .brand-logo-box .brand-mark{height:20px;max-height:20px}}

/* v2.7.16 – verified real brand marks */
.brand-logo-box{overflow:hidden;min-width:36px;max-width:132px;background:#fff}
.brand-logo-box .brand-mark{width:auto!important;height:24px!important;max-width:120px!important;max-height:24px!important;object-fit:contain!important;object-position:center}
.brand-logo-box.brand-globus,.brand-logo-box.brand-lidl,.brand-logo-box.brand-eurooil,.brand-logo-box.brand-tankono{width:34px;padding:2px}
.brand-logo-box.brand-globus .brand-mark,.brand-logo-box.brand-lidl .brand-mark,.brand-logo-box.brand-eurooil .brand-mark,.brand-logo-box.brand-tankono .brand-mark{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important}
.brand-logo-box.brand-makro{background:#24477f;border-color:#24477f;padding-left:7px;padding-right:7px}
@media(max-width:640px){.brand-logo-box{max-width:112px}.brand-logo-box .brand-mark{height:20px!important;max-height:20px!important;max-width:100px!important}.brand-logo-box.brand-globus .brand-mark,.brand-logo-box.brand-lidl .brand-mark,.brand-logo-box.brand-eurooil .brand-mark,.brand-logo-box.brand-tankono .brand-mark{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}}

/* v2.7.17 international fuel + EV brand logo tuning */
.brand-logo-box.brand-aral,.brand-logo-box.brand-q8,.brand-logo-box.brand-avia,
.brand-logo-box.brand-ina,.brand-logo-box.brand-atlante,.brand-logo-box.brand-tesla{
  width:38px;min-width:38px;padding:2px 4px
}
.brand-logo-box.brand-aral .brand-mark,.brand-logo-box.brand-q8 .brand-mark,
.brand-logo-box.brand-avia .brand-mark,.brand-logo-box.brand-ina .brand-mark,
.brand-logo-box.brand-atlante .brand-mark,.brand-logo-box.brand-tesla .brand-mark{
  width:30px!important;height:26px!important;max-width:30px!important;max-height:26px!important
}
.brand-logo-box.brand-totalenergies,.brand-logo-box.brand-smatrics,
.brand-logo-box.brand-shellrecharge,.brand-logo-box.brand-freetox,
.brand-logo-box.brand-swisscharge,.brand-logo-box.brand-gofast,
.brand-logo-box.brand-wienenergie,.brand-logo-box.brand-salzburgag,
.brand-logo-box.brand-agrola,.brand-logo-box.brand-repsol,
.brand-logo-box.brand-galp,.brand-logo-box.brand-moeve,.brand-logo-box.brand-petrol{
  max-width:142px
}

/* v2.7.19 – Spain fuel + EV brand logo tuning */
.brand-logo-box.brand-ballenoil{width:38px;min-width:38px;padding:2px 4px}
.brand-logo-box.brand-ballenoil .brand-mark{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}
.brand-logo-box.brand-plenergy,.brand-logo-box.brand-petroprix,
.brand-logo-box.brand-zunder,.brand-logo-box.brand-iberdrola,
.brand-logo-box.brand-wenea,.brand-logo-box.brand-endesa,
.brand-logo-box.brand-bppulse{max-width:142px}

/* v2.7.20 – AT/DE/HU/CH/PL and regional brand logo tuning */
.brand-logo-box.brand-evpass,.brand-logo-box.brand-circlek,
.brand-logo-box.brand-q1,.brand-logo-box.brand-star{
  width:38px;min-width:38px;padding:2px 4px
}
.brand-logo-box.brand-evpass .brand-mark,.brand-logo-box.brand-circlek .brand-mark,
.brand-logo-box.brand-q1 .brand-mark,.brand-logo-box.brand-star .brand-mark{
  width:30px!important;height:28px!important;max-width:30px!important;max-height:28px!important
}
.brand-logo-box.brand-mobiliti,.brand-logo-box.brand-ewego,.brand-logo-box.brand-move,
.brand-logo-box.brand-westfalen,.brand-logo-box.brand-hoyer,.brand-logo-box.brand-oil,
.brand-logo-box.brand-go,.brand-logo-box.brand-bft,.brand-logo-box.brand-migrol,
.brand-logo-box.brand-socar,.brand-logo-box.brand-amic{max-width:142px}

/* v2.7.22 – image flags (same FlagCDN approach as INTEA) + Europe-wide EV picker */
.country-flag-img,.selected-flag-img{display:block;object-fit:cover;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto}
.country-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.country-tabs.ev-all{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 2px 8px;max-width:100%;-webkit-overflow-scrolling:touch}
.country-tabs.ev-all button{flex:0 0 auto;min-width:64px}
.select-with-flag{position:relative;display:flex;align-items:center;width:100%}
.select-with-flag>.selected-flag-img{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:20px;height:15px;z-index:2;pointer-events:none}
.select-with-flag>select{padding-left:42px!important;width:100%}
.top-actions .language-select-with-flag{width:auto;min-width:165px}
.top-actions .language-select-with-flag select{min-width:165px}
.station-country-badge .country-flag-img{display:inline-block;vertical-align:-2px}
@media(max-width:560px){.country-tabs.ev-all{margin-left:-2px;margin-right:-2px}.top-actions .language-select-with-flag{min-width:0;flex:1}.top-actions .language-select-with-flag select{min-width:0;max-width:none!important;width:100%}}


/* v2.8.5 · reference/announced brand price lists */
.reference-price-list{margin-top:9px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 92%,var(--accent2) 8%);max-width:780px}
.reference-price-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.reference-price-head strong{color:var(--text);font-size:.82rem}.reference-price-head span,.reference-price-source,.reference-price-note{color:var(--muted);font-size:.72rem}.reference-price-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reference-price-pill{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--line);border-radius:999px;padding:4px 7px;background:var(--panel)}.reference-price-pill small{color:var(--muted);font-size:.68rem}.reference-price-pill b{font-size:.76rem;white-space:nowrap}.reference-price-source{margin-top:7px}.reference-price-note{margin-top:2px}

/* Community bulk entry: multiple prices in one submission. */
#communityEvFields[hidden]{display:none!important}
.community-items-wrap{display:flex;flex-direction:column;gap:9px}
.community-items-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.community-items-head strong{color:var(--text);font-size:.86rem}
.community-items-head small{color:var(--muted);font-size:.75rem}
.community-items{display:flex;flex-direction:column;gap:8px}
.community-item-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(110px,.8fr) minmax(145px,1fr) auto;gap:8px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 88%,transparent)}
.community-item-row label{min-width:0}
.community-item-remove{min-width:38px;height:42px;padding:0 10px!important;align-self:end}
.community-item-remove[hidden]{display:none!important}
.community-add-item{align-self:flex-start;padding:8px 11px!important}
.community-item-mode-wrap[hidden]{display:none!important}
@media(max-width:650px){.community-item-row{grid-template-columns:1fr}.community-item-remove{width:100%;height:auto;min-height:40px}.community-add-item{width:100%}.community-items-head{display:block}.community-items-head small{display:block;margin-top:3px}}

/* Regulatory cap: never present an obsolete source price above the legal maximum as today's possible price. */
.pricebox.regulated-cap{outline:1px solid currentColor;outline-offset:-1px}
.pricebox .regulatory-cap-note,.pricebox .regulatory-original{display:block;margin-top:.22rem;font-size:.68rem;line-height:1.2;font-weight:600;opacity:.82}
.pricebox .regulatory-original{font-weight:400;opacity:.68}

/* Toll-aware routing status */
.route-rule-status{display:block;margin-top:4px;font-size:.72rem;line-height:1.25;color:var(--muted)}
.route-rule-status.ok{color:var(--accent)}
.route-rule-status.warn{color:var(--warning);font-weight:700}

.pricebox .at-price-limited{display:block;margin-top:.28rem;max-width:150px;font-size:.66rem;line-height:1.2;font-weight:600;white-space:normal;color:var(--muted)}
.pricebox.at-limited{min-width:138px}
@media(max-width:560px){.pricebox.at-limited{min-width:118px}.pricebox .at-price-limited{max-width:none}}



/* v2.8.20 – official-source mode for newly added fuel countries */
.external-source-card{grid-column:1/-1;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:20px;box-shadow:var(--shadow)}
.external-source-card h3{margin:7px 0 8px;font-size:1.08rem;color:var(--text)}
.external-source-card p{margin:0 0 14px;max-width:850px;color:var(--muted);line-height:1.5}
.external-source-tier{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel2);padding:5px 9px;font-size:.74rem;font-weight:700;color:var(--muted)}
.external-source-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent);border-radius:11px;padding:9px 12px;text-decoration:none;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)}
.external-source-button:hover{text-decoration:underline}


/* v2.8.22 – UI polish + rendering/performance hardening */
:root{
  --control-h:46px;
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--accent2) 34%,transparent);
}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.topbar{backdrop-filter:saturate(135%) blur(14px);-webkit-backdrop-filter:saturate(135%) blur(14px)}
.topbar-inner{min-height:62px}
.brand b{letter-spacing:-.015em}
.build-badge{font-variant-numeric:tabular-nums}
.hero{padding-top:4px}
.hero h1{letter-spacing:-.035em;text-wrap:balance}
.hero p{max-width:780px;text-wrap:pretty}
.summary{align-items:stretch}
.stat{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
@media(hover:hover){.stat:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--line) 65%,var(--accent2) 35%);box-shadow:var(--shadow-soft)}}
.panel{box-shadow:var(--shadow-soft)}
.panel h2,.results-head h2{letter-spacing:-.02em}
select,input[type="search"],input[type="text"],input[type="number"],textarea{min-height:var(--control-h);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}
button{transition:transform .12s ease,filter .12s ease,border-color .12s ease,background-color .12s ease}
button:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.location-line{align-items:stretch}
.location-line button,.actions button{min-height:var(--control-h)}
.country-tabs button{transition:transform .12s ease,border-color .14s ease,background-color .14s ease}
@media(hover:hover){.country-tabs button:hover{transform:translateY(-1px)}}
.mode-switch{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)}
.fuel-check{user-select:none}
.results{content-visibility:auto;contain-intrinsic-size:800px}
.station{contain:layout paint;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
@media(hover:hover){.station:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--line) 70%,var(--accent2) 30%);box-shadow:var(--shadow-soft)}}
.pricebox{font-variant-numeric:tabular-nums}
.pricebox b{letter-spacing:-.015em}
.suggestions{box-shadow:0 18px 50px rgba(0,0,0,.28)}
.status:empty{display:none}
.external-source-card{box-shadow:var(--shadow-soft)}
footer{opacity:.92}
@media(max-width:720px){
  :root{--control-h:46px}
  .topbar{position:sticky;top:0;z-index:40}
  .topbar-inner{min-height:0}
  .hero{padding-top:2px}
  .hero h1{text-wrap:balance}
  .panel{padding:14px}
  .grid-country,.grid-filters{gap:9px}
  .country-tabs{scroll-snap-type:x proximity}
  .country-tabs button{scroll-snap-align:start}
  .results{content-visibility:visible}
  .station{contain:layout}
  .prices{align-items:stretch}
  .pricebox{min-height:68px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* v2.9.4 official price regulation */
.regulation-notice{max-width:1180px;margin:12px auto;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 4px 18px rgba(0,0,0,.05);font-size:.92rem}
.regulation-notice[hidden]{display:none}
.regulation-notice strong{font-weight:750}
.regulation-notice span{opacity:.76}

/* v2.9.5 route economics */
.trip-economics{max-width:1180px;margin:12px auto;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.trip-economics summary{padding:13px 0;cursor:pointer;font-weight:750}
.trip-economics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:2px 0 10px}
.trip-economics-grid label{display:flex;justify-content:space-between;align-items:center;gap:10px}
.trip-economics-grid input{width:82px;min-height:40px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}
.trip-economics-note{margin:0 0 13px;opacity:.72;font-size:.86rem;line-height:1.45}
.route-saving{font-weight:700}
@media(max-width:720px){.trip-economics-grid{grid-template-columns:1fr}.trip-economics-grid label{min-height:42px}}

/* v2.9.6 route corridor */
.route-planner{max-width:1180px;margin:12px auto;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.route-planner summary{padding:13px 0;cursor:pointer;font-weight:750}
.route-planner-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 130px auto;gap:10px;align-items:end;padding:2px 0 10px}
.route-planner-grid label{display:grid;gap:5px;font-size:.84rem}
.route-planner-grid input,.route-planner-grid select,.route-planner-grid button{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:var(--bg);color:var(--text)}
.route-planner-grid button{font-weight:750;cursor:pointer}
.route-planner-result{margin:0 0 13px;line-height:1.45}
@media(max-width:760px){.route-planner-grid{grid-template-columns:1fr 1fr}.route-planner-grid button{grid-column:1/-1}}
@media(max-width:520px){.route-planner-grid{grid-template-columns:1fr}}

/* v2.9.9 diagnostic report */
.quality-audit{max-width:1180px;margin:18px auto;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.quality-audit h2{margin:0 0 6px;font-size:1.15rem}
.quality-audit p{margin:0 0 12px}
.quality-audit ul{margin:0;padding-left:22px;max-height:50vh;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.quality-audit li[data-pass="false"]{font-weight:800}

/* v2.9.11 route planner */
.route-input-wrap{position:relative;display:block}.route-input-wrap>input{width:100%}
.route-suggestions{left:0;right:0;top:calc(100% + 4px);z-index:80}
.route-origin-hint{margin:8px 0 0;font-size:.84rem;color:var(--muted)}
.route-live-status{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:.9rem}
.route-field{min-width:0}

/* Mode-specific UI must obey the hidden attribute even when a grid rule exists. */
#evFilterWrap[hidden]{display:none!important}

/* Country-aware reserve fuel canister guidance. */
.canister-box{margin-top:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 92%,var(--accent) 8%);border-radius:16px;padding:16px;color:var(--muted)}
.canister-box[hidden]{display:none!important}
.canister-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.canister-head strong{display:block;color:var(--text);font-size:.96rem}
.canister-head small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}
.canister-head>b{display:block;flex:0 0 auto;color:var(--text);font-size:1.55rem;line-height:1;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:12px;background:var(--panel)}
.canister-box p{margin:.55em 0 0}
.canister-box .canister-note{font-size:.78rem;line-height:1.45}
.canister-box a{color:var(--accent2);font-weight:700;text-decoration:none}
@media(max-width:520px){.canister-box{padding:13px 14px}.canister-head{align-items:flex-start}.canister-head>b{font-size:1.3rem;padding:8px 10px}}

/* v2.91 build 20261006.116: local vehicle profiles */
.vehicle-profiles{margin:14px 0 18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent);overflow:hidden}
.vehicle-profiles>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;font-weight:750;list-style:none}
.vehicle-profiles>summary::-webkit-details-marker{display:none}
.vehicle-profiles>summary:before{content:'›';font-size:20px;line-height:1;transform:rotate(0deg);transition:transform .15s ease;color:var(--muted)}
.vehicle-profiles[open]>summary:before{transform:rotate(90deg)}
.vehicle-profiles>summary>span{margin-right:auto}
.vehicle-profiles>summary small{font-weight:600;color:var(--muted);text-align:right}
.vehicle-profile-body{border-top:1px solid var(--line);padding:14px 15px 15px}
.vehicle-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}
.vehicle-toolbar label,.vehicle-grid label{display:grid;gap:6px}
.vehicle-actions,.vehicle-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.vehicle-actions button,.vehicle-editor-actions button{min-height:42px}
.vehicle-actions .danger{border-color:color-mix(in srgb,#c33 45%,var(--line));}
.vehicle-editor{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.vehicle-connectors{grid-column:span 2;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.vehicle-connectors legend{padding:0 6px;color:var(--muted);font-size:13px;font-weight:700}
.vehicle-connectors>div{display:flex;gap:10px 14px;flex-wrap:wrap}
.vehicle-connector-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:4px!important;font-size:14px}
.vehicle-default{align-self:center;margin-top:22px}
.vehicle-editor-actions{margin-top:14px}
.vehicle-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.vehicle-status{min-height:18px;margin-top:7px;font-size:13px;color:var(--muted)}
.vehicle-status[data-tone="ok"]{color:var(--ok,#16825d)}
.vehicle-status[data-tone="warn"]{color:var(--warn,#b66a00)}
@media (max-width:820px){.vehicle-toolbar{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:1fr 1fr}.vehicle-connectors{grid-column:1/-1}}
@media (max-width:560px){.vehicle-grid{grid-template-columns:1fr}.vehicle-connectors{grid-column:auto}.vehicle-actions button{flex:1 1 30%}.vehicle-profiles>summary{align-items:flex-start}.vehicle-profiles>summary small{max-width:48%}}

/* v2.91 build 20261006.122: restore TankBillig CH/LI embed; CHF is primary, EUR is informative FX only. */
.embedded-fx-note{grid-column:1/-1;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:13px;line-height:1.4}


/* v2.93 country comparator */
.country-compare{margin:14px 0 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}
.country-compare>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;cursor:pointer;padding:15px 18px;font-weight:800;list-style:none}
.country-compare>summary::-webkit-details-marker{display:none}
.country-compare>summary:after{content:'›';margin-left:auto;font-size:24px;line-height:1;transition:transform .18s ease}
.country-compare[open]>summary:after{transform:rotate(90deg)}
.country-compare>summary small{font-weight:500;color:var(--muted);font-size:12px}
.country-compare-body{border-top:1px solid var(--line);padding:16px 18px 18px}
.country-compare-controls{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px}
.country-compare-controls label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
.country-compare-controls select{width:100%;min-width:0}
.country-compare-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.country-compare-actions button{min-height:40px}
.compare-status{font-size:12px;color:var(--muted)}
.compare-highlights{margin:14px 0 10px}
.compare-highlight{display:grid;grid-template-columns:auto auto 1fr;gap:6px 12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.compare-highlight>span{font-size:12px;color:var(--muted);grid-column:1/-1}.compare-highlight>b{display:flex;align-items:center;gap:7px}.compare-highlight>strong{text-align:right;font-size:20px}.compare-highlight>strong small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.compare-highlight>small{grid-column:1/-1;color:var(--muted)}
.compare-highlight.muted{grid-template-columns:1fr}.compare-highlight.muted b{font-size:14px}
.compare-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.country-compare-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}
.country-compare-table th,.country-compare-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.country-compare-table thead th{position:sticky;top:0;background:var(--panel2);z-index:1}
.country-compare-table thead th:not(:first-child){min-width:150px}
.country-compare-table thead th span{display:inline-block;margin-left:7px}.country-compare-table thead th small{display:block;margin:3px 0 0 31px;color:var(--muted);font-weight:500}
.country-compare-table tbody th{width:190px;background:var(--panel2);font-weight:800;position:sticky;left:0;z-index:1}
.country-compare-table tr:last-child th,.country-compare-table tr:last-child td{border-bottom:0}
.compare-flag{vertical-align:-3px;border-radius:2px;box-shadow:0 0 0 1px rgba(127,127,127,.18)}
.compare-price{font-weight:800;font-size:15px;white-space:nowrap}.compare-price small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--muted)}.compare-regulation-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 7px;border-radius:999px;background:rgba(245,158,11,.14);color:var(--warning);font-size:10px;font-weight:900;white-space:normal}
.compare-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.compare-chip.ok{background:rgba(34,197,94,.12);color:var(--accent)}.compare-chip.warn{background:rgba(245,158,11,.14);color:var(--warning)}
.compare-link,.compare-source{font-weight:700;text-decoration:none}.compare-source{font-size:11px}.compare-na{color:var(--muted);font-size:12px}
.compare-disclaimer{margin:10px 2px 0;color:var(--muted);font-size:11px;line-height:1.45}.compare-attribution{margin:5px 2px 0;font-size:11px}.compare-attribution a{color:var(--accent2);text-decoration:none;font-weight:700}
@media(max-width:1050px){.country-compare-controls{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:650px){.country-compare>summary{padding:13px 14px}.country-compare-body{padding:13px 12px 15px}.country-compare-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.country-compare-actions{align-items:stretch}.country-compare-actions button{flex:1 1 140px}.compare-highlight{grid-template-columns:1fr}.compare-highlight>strong{text-align:left}.country-compare-table{min-width:690px}.country-compare-table th,.country-compare-table td{padding:9px 10px}.country-compare-table tbody th{width:160px}}

/* v2.97: lowest price summary by selected fuel */
#bestPrice{font-size:1rem;margin-top:7px}
.summary-fuel-line{display:grid!important;grid-template-columns:minmax(72px,auto) 1fr;column-gap:9px;align-items:baseline;margin:3px 0;color:var(--text)!important}
.summary-fuel-name{font-size:.72rem!important;color:var(--muted)!important;font-weight:700}
.summary-fuel-line strong{font-size:1.22rem;white-space:nowrap}
.summary-fuel-line small{grid-column:2;font-size:.68rem!important;color:var(--muted)!important;margin-top:-2px}

/* v2.98: fuel-colour accents in lowest-price summary */
.summary-fuel-line.fuel-color{position:relative;padding:4px 7px 4px 8px;border-left:3px solid var(--fuel);border-radius:7px;background:color-mix(in srgb,var(--panel2) 92%,var(--fuel) 8%)}
.summary-fuel-name{display:inline-flex;align-items:center;gap:6px}
.summary-fuel-swatch{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--fuel);box-shadow:0 0 0 1px color-mix(in srgb,var(--fuel) 70%,var(--line))}
.summary-fuel-line.fuel-color strong{color:color-mix(in srgb,var(--fuel) 78%,var(--text))}
@media(max-width:520px){.summary-fuel-line.fuel-color{grid-template-columns:minmax(66px,auto) 1fr;padding-left:6px}.summary-fuel-line.fuel-color strong{font-size:1.12rem}}
.station-address-pending{opacity:.72;font-style:italic}

/* v3.04 – per-price freshness + market plausibility */
.pricebox .price-verified{display:block;margin-top:.28rem;font-size:.64rem;line-height:1.18;font-weight:600;letter-spacing:0;color:var(--muted)!important;white-space:normal}
.pricebox.price-suspect{outline:2px dashed color-mix(in srgb,var(--danger) 58%,transparent);outline-offset:2px}
.pricebox .price-quality-warning{display:block;margin-top:.3rem;max-width:180px;font-size:.64rem;line-height:1.22;font-weight:750;letter-spacing:0;white-space:normal;color:var(--danger)!important}
@media(max-width:560px){.pricebox .price-quality-warning{max-width:none}}


/* v3.05: resilient Austrian fuel-brand marks + text fallback when remote logo proxy is unavailable */
.brand-logo-box{position:relative}
.brand-wordmark{display:inline-flex;align-items:center;justify-content:center;min-width:28px;max-width:118px;height:23px;padding:0 7px;border-radius:4px;font-size:12px;font-weight:900;line-height:1;letter-spacing:.01em;white-space:nowrap;color:#203040;background:#eef3f7}
.brand-logo-box .brand-wordmark[hidden]{display:none!important}
.brand-logo-box.brand-text-only{padding:3px 4px}
.brand-logo-box.brand-avanti .brand-wordmark{background:#dce84a;color:#171a16;font-style:italic;font-size:14px;letter-spacing:-.04em;text-transform:lowercase}
.brand-logo-box.brand-genol .brand-wordmark{background:#f06b24;color:#fff;font-size:13px;letter-spacing:.02em}
.brand-logo-box.brand-iqdiskont .brand-wordmark{background:#f5f3ea;color:#303234;border:1px solid #e27635;font-size:13px;letter-spacing:.04em}
.brand-logo-box.brand-turmoel .brand-wordmark{background:#df1725;color:#fff;font-size:13px}
.brand-logo-box.brand-jet .brand-wordmark{background:#ffd300;color:#003b73;font-size:14px;font-style:italic}
.brand-logo-box.brand-omv .brand-wordmark{background:#006f78;color:#fff}
.brand-logo-box.brand-shell .brand-wordmark{background:#ffd500;color:#d71920}
.brand-logo-box.brand-bp .brand-wordmark{background:#fff;color:#168b55;border:1px solid #dbe5ef;text-transform:lowercase}
@media(max-width:640px){.brand-wordmark{height:19px;font-size:11px;padding:0 5px}.brand-logo-box.brand-avanti .brand-wordmark,.brand-logo-box.brand-jet .brand-wordmark{font-size:12px}}

/* v3.06: clickable cheapest-price summary */
.summary-fuel-jump{font:inherit;text-align:left;width:100%;border-top:0;border-right:0;border-bottom:0;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
.summary-fuel-jump:hover{transform:translateY(-1px);box-shadow:0 3px 10px color-mix(in srgb,var(--fuel) 18%,transparent);filter:saturate(1.06)}
.summary-fuel-jump:focus-visible{outline:2px solid color-mix(in srgb,var(--fuel) 75%,white);outline-offset:2px}
.station.station-target{animation:stationTargetPulse 2.1s ease both;scroll-margin-top:24px}
@keyframes stationTargetPulse{0%,100%{box-shadow:var(--shadow)}15%,55%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent),var(--shadow)}}
@media (prefers-reduced-motion:reduce){.summary-fuel-jump{transition:none}.summary-fuel-jump:hover{transform:none}.station.station-target{animation:none;outline:3px solid var(--accent);outline-offset:2px}}

/* v3.08 — local fuel-brand wordmarks when no reliable image asset is available */
.brand-logo-box.brand-asfuel .brand-wordmark{background:#fff;color:#1f3f79;border:2px solid #e1252b;border-radius:999px;font-size:14px;font-weight:950;letter-spacing:-.03em;padding:0 8px}
.brand-logo-box.brand-tomstank .brand-wordmark{background:#f4f6f7;color:#17202a;border:1px solid #b7c3cc;font-size:12px;font-weight:900;letter-spacing:-.02em;text-transform:none}
.brand-logo-box.brand-tomstank .brand-wordmark::first-letter{color:#1d7a3d}
@media(max-width:640px){.brand-logo-box.brand-asfuel .brand-wordmark{font-size:12px}.brand-logo-box.brand-tomstank .brand-wordmark{font-size:10.5px}}
/* v3.09 · country comparison: public holidays and retail opening rules */
.compare-holidays{min-width:170px}.compare-holidays summary{cursor:pointer;font-weight:800;color:var(--text);list-style:none}.compare-holidays summary::-webkit-details-marker{display:none}.compare-holidays summary:after{content:' ▾';color:var(--muted);font-size:10px}.compare-holidays[open] summary:after{content:' ▴'}.compare-holidays ul{margin:8px 0 2px;padding:0;list-style:none;display:grid;gap:4px;max-height:230px;overflow:auto}.compare-holidays li{font-size:11px;line-height:1.35;color:var(--muted)}.compare-holidays li b{display:inline-block;min-width:42px;color:var(--text)}
.compare-rule-note{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.35}.compare-rule-text{margin-top:6px;max-width:270px;font-size:11px;line-height:1.45;color:var(--text)}.compare-rule-source{display:inline-block;margin-top:7px;font-size:10px;font-weight:800;text-decoration:none;color:var(--accent2)}
.compare-shop-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900}.compare-shop-status.closed{background:rgba(239,68,68,.11);color:#dc2626}.compare-shop-status.partial,.compare-shop-status.mixed{background:rgba(245,158,11,.14);color:var(--warning)}.compare-shop-status.regional{background:rgba(59,130,246,.12);color:#2563eb}.compare-shop-status.open{background:rgba(34,197,94,.12);color:var(--accent)}
.compare-holiday-row td,.compare-shop-row td{min-width:190px}.compare-holiday-row>th,.compare-shop-row>th{white-space:normal}
/* Optional email account */
.fuel-account{margin:12px 0;border:1px solid var(--line,#8885);border-radius:12px;padding:12px;background:var(--panel,transparent);color:var(--text,inherit)}
.fuel-account>summary{cursor:pointer;font-weight:650}.fuel-account>summary small{margin-left:10px;font-weight:400;overflow-wrap:anywhere}.fuel-account-body{padding-top:12px}.fuel-account-body input{display:block;width:100%;max-width:390px;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #9997;background:var(--panel,#fff);color:var(--text,#111)}.fuel-account-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.fuel-account-body button{min-height:38px}.fuel-account-body #accountMessage{overflow-wrap:anywhere}

/* Fuel Europe 3.40: vehicle profile estimate UI */
.vehicle-editor-actions #vehicleAutoFill{border:1px solid var(--line);white-space:normal;max-width:100%}
.vehicle-estimate-hint{max-width:900px;line-height:1.55}
@media(max-width:560px){.vehicle-editor-actions #vehicleAutoFill{width:100%}.vehicle-editor-actions{align-items:stretch}}

/* Fuel Europe 3.44: visibly stale provider fallback – no live-price styling. */
.status.error{font-weight:650}
.station.cached-station{border-style:dashed;opacity:.91}
.station.cached-station .station-source-status{color:var(--danger);font-weight:750}
.pricebox.cached-fallback{border-style:dashed;filter:saturate(.58)}
.pricebox .price-cached-warning{display:block;margin-top:.35rem;color:var(--danger)!important;font-weight:750;font-size:.68rem;line-height:1.35;white-space:normal;max-width:190px}

/* Fuel Europe official sample evidence, never an artificial star rating */
.fuel-quality-explain{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;margin:10px 0 2px;color:var(--muted,#65738a);font-size:.79rem;line-height:1.45}
.fuel-quality-explain small{font-size:.78rem}
.fuel-quality-badge{display:inline-flex;vertical-align:middle;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;min-height:26px;font-size:.72rem!important;font-weight:650;line-height:1.1;letter-spacing:0;background:var(--panel,#fff);border:1px solid var(--line,#cedae7);color:var(--muted,#64748b);cursor:pointer;margin:0 4px 2px 5px}
.fuel-quality-badge:hover{filter:brightness(.95)}
.fuel-quality-badge.fq-pass{color:#187b48;border-color:#8ec9a3;background:#edfff4}
.fuel-quality-badge.fq-fail{color:#a8242b;border-color:#eea5ad;background:#fff3f3}
.fuel-quality-badge.fq-unknown{color:#677485;border-color:#cbd5df;background:#f5f7fa}
.fuel-quality-count{font-size:.72rem;color:var(--muted,#64748b);vertical-align:middle;white-space:nowrap}
[data-theme="dark"] .fuel-quality-badge.fq-pass{background:#113526;color:#9eeac3;border-color:#408764}
[data-theme="dark"] .fuel-quality-badge.fq-fail{background:#411f26;color:#ffb4bd;border-color:#a35764}
[data-theme="dark"] .fuel-quality-badge.fq-unknown{background:#263549;color:#c4d0df;border-color:#62758d}
.fuel-quality-dialog{width:min(570px,calc(100vw - 25px));max-height:min(82vh,850px);overflow:auto;box-sizing:border-box;background:var(--panel,#fff);color:var(--text,#152236);border-radius:16px;border:1px solid var(--line,#cbd5e1);padding:23px;box-shadow:0 18px 65px #0005}
.fuel-quality-dialog::backdrop{background:#0009}
.fq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.fq-head h2{margin:0 0 13px!important;font-size:1.35rem}.fq-head button{padding:3px 9px;min-width:34px;min-height:34px}
.fq-disclaimer{font-size:.84rem;color:var(--muted,#64748b);line-height:1.5}
.fq-test{border-top:1px solid var(--line,#ddd);padding:11px 0}.fq-test strong{display:block;margin-bottom:5px}
.fq-test p{margin:3px 0;font-size:.84rem}.fq-test a{display:inline-block;margin:4px 0;color:var(--accent,#225a91);font-size:.88rem}
@media(max-width:680px){.fuel-quality-badge{max-width:100%;white-space:normal;text-align:left}.fuel-quality-count{display:block;margin-top:3px}}
#qualityWrap[hidden],.fuel-quality-explain[hidden]{display:none!important}

/* v3.48: clear multi-fuel caps and explicit expiry (also on mobile) */
.regulation-notice{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:5px}
.regulation-notice[hidden]{display:none}
.regulation-notice-title{white-space:normal}
.regulation-cap-list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 14px;opacity:1!important}
.regulation-cap-item{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;opacity:1!important}
.regulation-cap-item b{font-weight:600}
.regulation-cap-value{font-weight:750;opacity:1!important}
.regulation-valid-until{font-size:.89em;opacity:.8}
.regulation-scope-note{display:block;flex-basis:100%;opacity:.75}

/* Official-quality controls stay unavailable until the live verified coverage check finishes. */
#sortQuality[hidden]{display:none!important}

/* v3.50 – neutral mark for independent stations without a verified corporate logo */
.brand-logo-box.brand-bikerschani{background:#fff8e7;border-color:#edddbb;max-width:120px}
.brand-logo-box.brand-bikerschani .brand-wordmark{background:transparent;color:#68451b;font-size:11px;font-weight:850;letter-spacing:-.02em;padding:0 5px}
.brand-logo-box.brand-u2hadres{background:#edf5ff;border-color:#b9d3f5;min-width:43px}
.brand-logo-box.brand-u2hadres .brand-wordmark{background:#dcecff;color:#235f9e;font-size:15px;font-weight:950;letter-spacing:.02em;min-width:32px}
.brand-logo-box.brand-independent{width:34px;min-width:34px;padding:2px 4px;background:color-mix(in srgb,var(--panel) 90%,#e0ebf1);border-color:var(--line);box-shadow:none}
.station-neutral-mark{font-size:18px;line-height:1;display:block;filter:saturate(.6);opacity:.78}
@media(max-width:640px){.brand-logo-box.brand-bikerschani .brand-wordmark{font-size:10px}.brand-logo-box.brand-independent{width:30px;min-width:30px}.station-neutral-mark{font-size:16px}}

/* 3.51: clearly marked historical-style U2 motif, not an official supplied logo. */
.brand-logo-box.brand-u2hadres{min-width:69px;width:69px;max-width:69px;background:#fffdf4;border-color:#eadba7;padding:2px 4px}
.brand-logo-box.brand-u2hadres .brand-mark{display:block;width:61px!important;max-width:61px!important;height:36px!important;max-height:36px!important;object-fit:contain}
.brand-logo-box.brand-u2hadres .brand-wordmark{background:#ffdb3e;color:#17394e}
.brand-logo-box.brand-diskontgeneric .brand-wordmark{background:#f5f5f3;color:#252525}
@media(max-width:640px){.brand-logo-box.brand-u2hadres{min-width:59px;width:59px;max-width:59px}.brand-logo-box.brand-u2hadres .brand-mark{width:51px!important;height:31px!important;max-width:51px!important;max-height:31px!important}}

/* v3.57: regulation caption & per-fuel values match the existing fuel-card palette. */
.regulation-notice .regulation-notice-title{color:var(--danger);font-weight:800;opacity:1}
.regulation-notice .regulation-cap-item.fuel-color{color:color-mix(in srgb,var(--fuel) 79%,white);opacity:1;font-weight:650}
.regulation-notice .regulation-cap-item.fuel-color b,.regulation-notice .regulation-cap-item.fuel-color .regulation-cap-value{color:inherit;opacity:1}
.theme-light .regulation-notice .regulation-cap-item.fuel-color{color:color-mix(in srgb,var(--fuel) 75%,#10251a)}
.regulation-notice .regulation-valid-until,.regulation-notice .regulation-scope-note{color:var(--muted);opacity:1;font-weight:450}
.regulation-notice .regulation-cap-item .regulation-valid-until{font-size:.74rem}
@media(max-width:560px){.regulation-notice{gap:7px 10px}.regulation-notice .regulation-cap-list{gap:6px 13px}}

/* Fuel Europe 3.58 – station and brand exclusions */
.station-exclusions{margin:12px 0 15px;padding:0;border:1px solid var(--line,#d0dae4);border-radius:14px;background:var(--panel,#fff);color:var(--text,#18314d)}
.station-exclusions>summary{padding:12px 16px;cursor:pointer;font-weight:750;list-style-position:inside;min-height:44px;box-sizing:border-box}
.station-exclusions[open]>summary{border-bottom:1px solid var(--line,#d0dae4)}
.exclusions-content{padding:14px 16px;display:flex;flex-direction:column;gap:11px}
.exclusions-hint{font-size:.85rem;color:var(--muted,#52647b);margin:0}
.exclusion-brand-search{display:flex;flex-direction:column;align-items:stretch;gap:7px;max-width:420px;font-size:.9rem;font-weight:600}
.exclusion-brand-search input{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:9px}
.exclusion-brand-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:5px 10px;max-height:225px;overflow:auto;padding:6px;border-radius:10px;border:1px solid var(--line,#d0dae4)}
.exclusion-brand{display:flex;align-items:center;gap:7px;padding:5px 7px;font-size:.89rem;cursor:pointer;min-width:0}
.exclusion-brand input{flex:none;accent-color:#d34848;width:16px;height:16px}
.exclusion-brand span{overflow-wrap:anywhere}
.exclusion-station-list{display:flex;flex-wrap:wrap;gap:7px}
.exclusion-station-chip{display:inline-flex;gap:6px;align-items:center;max-width:100%;border:1px solid var(--line,#cdd8e3);border-radius:999px;padding:3px 4px 3px 11px;background:var(--panel,#fff);font-size:.83rem}
.exclusion-station-chip>span{overflow-wrap:anywhere}.exclusion-station-chip button{border:0;border-radius:100%;background:var(--line,#e2e8ef);width:25px;height:25px;min-height:25px;min-width:25px;cursor:pointer;color:var(--text,#16344e);padding:0;font-weight:bold}
.station-links .station-exclude-btn{font-size:.83rem;color:var(--muted,#56677e);background:none;border:0;min-height:32px;padding:4px 7px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.station-links .station-exclude-btn:hover{color:var(--danger,#b72f35)}
@media(max-width:520px){.exclusion-brand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.exclusions-content{padding:11px}.station-exclusions>summary{padding:12px}}

/* 3.59: clarify same-brand stations at separate GPS locations. */
.station-gps-note{font-size:.73rem;line-height:1.4;color:var(--muted);margin:3px 0 5px;overflow-wrap:anywhere}

/* v3.60: source selector is only visible for Czech fuel searches. */
#czFeedWrap[hidden]{display:none!important}

/* Fuel Europe 3.61: favorites and observed-price history */
.station-favorites{margin:12px 0 15px;border:1px solid var(--line,#d0dae4);border-radius:14px;background:var(--panel,#fff);color:var(--text,#18314d)}
.station-favorites>summary{padding:12px 16px;cursor:pointer;font-weight:750;min-height:44px;box-sizing:border-box}
.station-favorites[open]>summary{border-bottom:1px solid var(--line,#d0dae4)}
.favorites-content{padding:12px 16px;display:grid;gap:10px}
.favorites-only{display:flex;align-items:center;gap:8px;font-weight:650}
.favorites-note{margin:0;color:var(--muted,#64748b);font-size:.88rem;line-height:1.4}
.favorites-list{display:grid;gap:10px}
.favorite-item{padding:10px 12px;border:1px solid var(--line,#d0dae4);border-radius:10px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.favorite-item-content{min-width:160px;flex:1}
.favorite-item-content strong{display:block}
.favorite-item-content small{display:block;color:var(--muted,#64748b);margin-top:4px}
.favorite-actions{display:flex;flex-wrap:wrap;gap:6px}
.favorite-actions button{font-size:.83rem;min-height:32px}
.favorite-price-history{margin-top:7px;font-size:.83rem;line-height:1.4}
.favorite-price-history summary{cursor:pointer;color:var(--text,#18314d)}
.favorite-price-history ol{padding-left:22px;margin:7px 0 0}
.station-favorite-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;box-shadow:none;color:var(--muted,#64748b);cursor:pointer;font-size:.86rem;text-decoration:underline;padding:5px;min-height:34px}
.station-favorite-btn[aria-pressed="true"]{color:#ac7700;font-weight:750;text-decoration:none}
.theme-dark .station-favorite-btn[aria-pressed="true"]{color:#ffda73}
@media(max-width:520px){.favorites-content{padding:11px}.favorite-item{display:block}.favorite-actions{margin-top:6px}}

.fuel-oauth-button.seznam-oauth{border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.fuel-seznam-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;border-radius:50%;background:#e61f27;color:white;font-weight:900;font-size:17px;flex:none}
.fuel-profile-actions #accountSeznamConnect,.fuel-profile-actions #accountGoogleRefresh{color:var(--accent,#225a91);font-size:.87rem;text-decoration:underline;text-underline-offset:3px}
.fuel-profile-actions #accountSeznamConnected{font-size:.78rem;color:var(--muted)}

/* v3.72: explicit, non-destructive provider linking for existing accounts */
.fuel-provider-panel{margin:14px 0;padding:12px;border:1px solid var(--line, #cbd5e1);border-radius:12px;background:var(--panel2, #f8fafc);color:var(--text, #14213e);max-width:420px}
.fuel-provider-panel>strong{display:block;margin-bottom:5px;font-size:.91rem}
.fuel-provider-panel>p{font-size:.78rem;line-height:1.45;color:var(--muted, #526074);margin:3px 0 10px}
.fuel-provider-rows{display:grid;gap:7px}
.fuel-provider-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;background:var(--panel,#fff);border:1px solid var(--line,#d3dae3);min-width:0;flex-wrap:wrap}
.fuel-provider-name{font-size:.84rem;font-weight:650;flex:1;min-width:70px}
.fuel-provider-connected{font-size:.77rem;font-weight:650;color:#188038}
.fuel-provider-row>a{display:inline-flex;align-items:center;text-align:center;font-size:.78rem;line-height:1.3;max-width:100%;font-weight:650;text-decoration:none;padding:7px 9px;border-radius:7px;border:1px solid var(--accent,#215ca0);color:var(--accent,#215ca0);background:var(--panel,#fff)}
.fuel-provider-row>a:hover{text-decoration:underline}
.fuel-provider-row>a[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.fuel-provider-row>a:focus-visible{outline:2px solid var(--accent,#215ca0);outline-offset:2px}
.fuel-provider-row>a[hidden],.fuel-provider-connected[hidden]{display:none!important}
.fuel-provider-panel .fuel-provider-help{font-size:.72rem;margin:10px 0 0}
@media(max-width:430px){.fuel-provider-panel{padding:9px}.fuel-provider-row{gap:6px}.fuel-provider-row>a{padding:8px}}

/* v3.73: accessible provider unlink; password/OAuth protection evaluated server-side */
.fuel-provider-row .fuel-provider-unlink{appearance:none;border:1px solid #b72e38;color:#a11e2b;background:var(--panel,#fff);border-radius:7px;padding:7px 9px;min-height:34px;font-size:.78rem;font-weight:650;cursor:pointer}
.fuel-provider-row .fuel-provider-unlink:not(:disabled):hover{background:#fff1f2;border-color:#a11e2b}
.fuel-provider-row .fuel-provider-unlink:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.fuel-provider-row .fuel-provider-unlink:disabled{opacity:.50;cursor:not-allowed}
.fuel-provider-row .fuel-provider-unlink[hidden]{display:none!important}

/* v3.74: Microsoft & mojeID buttons; responsive and keyboard-friendly */
.fuel-microsoft-mark{display:grid;grid-template-columns:repeat(2,7px);gap:2px;width:16px;height:16px;flex:none}
.fuel-microsoft-mark i:nth-child(1){background:#f35325}.fuel-microsoft-mark i:nth-child(2){background:#81bc06}
.fuel-microsoft-mark i:nth-child(3){background:#05a6f0}.fuel-microsoft-mark i:nth-child(4){background:#ffba08}
.fuel-mojeid-mark{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:5px;background:#2b704b;color:white;font-size:16px;font-weight:800;flex:none}
.fuel-oauth-button[aria-disabled="true"],.fuel-provider-row a[aria-disabled="true"]{opacity:.65}
.fuel-provider-row a[aria-disabled="true"]{cursor:help}

/* v3.81 — ISO code order and country-specific name-day date */
.country-compare-controls input[type="date"]{width:100%;min-width:0;min-height:37px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font:inherit}
.compare-namedays-row td{min-width:190px}.compare-namedays-row th{white-space:normal}.compare-namedays{font-weight:650;line-height:1.45;max-width:300px;overflow-wrap:anywhere}

/* v3.82: consistent station filter alignment (selects and checkboxes).
   Scope all overrides to the two location/filter grids; do not affect modal
   checkboxes, fuel selection chips, EV filters or account controls. */
#stationCountryGrid, #stationFilterGrid{align-items:stretch;grid-auto-flow:row}
#stationCountryGrid>label, #stationFilterGrid>label{min-width:0;max-width:100%}
#stationCountryGrid>label>span:first-child,
#stationFilterGrid>label:not(.checkbox)>span:first-child{
  display:flex;align-items:flex-end;min-height:2.6em;line-height:1.3;
}
#stationCountryGrid select, #stationFilterGrid select{
  display:block;width:100%;min-width:0;min-height:46px;height:46px;
  white-space:nowrap;text-overflow:ellipsis;
}
#stationCountryGrid .select-with-flag{width:100%;min-width:0;min-height:46px;display:flex;align-items:stretch}
#stationCountryGrid .select-with-flag select{width:100%;flex:1;min-width:0}
#stationFilterGrid>label:not(.checkbox){align-self:stretch;justify-content:flex-start}
#stationFilterGrid>label.checkbox{
  position:relative;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;
  align-self:end;gap:10px!important;min-width:0;min-height:46px;
  padding:9px 12px; margin:0;
  border:1px solid var(--line);border-radius:13px;background:var(--panel2);
  cursor:pointer;
}
#stationFilterGrid>label.checkbox input[type="checkbox"]{
  position:static!important;top:auto!important;left:auto!important;
  margin:0!important;transform:none!important;flex:0 0 17px;
  width:17px;height:17px;min-width:17px;min-height:17px;
  accent-color:var(--accent);
}
#stationFilterGrid>label.checkbox span{
  position:static!important;display:block;align-self:center;
  margin:0!important;min-width:0;line-height:1.35;overflow-wrap:anywhere;
}
#stationFilterGrid>label.checkbox:focus-within{outline:2px solid var(--accent2);outline-offset:2px}
#stationFilterGrid>label.checkbox:hover{border-color:var(--accent2)}
@media(max-width:560px){
  #stationCountryGrid>label>span:first-child,
  #stationFilterGrid>label:not(.checkbox)>span:first-child{min-height:0}
  #stationFilterGrid>label.checkbox{align-self:stretch;min-height:46px}
}

/* Fuel Europe 3.84: location weather and distinct live Waze map */
.local-weather{margin:12px 0 14px;padding:12px 15px;border:1px solid var(--line,#d1dceb);border-radius:13px;background:var(--panel,#fff);color:var(--text,#24334a)}
.local-weather-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.local-weather-head small,.local-weather #localWeatherCredit{color:var(--muted,#64748b);font-size:.76rem}
.local-weather #localWeatherSummary{line-height:1.65;min-height:20px}
.local-weather #localWeatherCredit{display:block;margin-top:5px}
.waze-live-section{max-width:1180px;margin:12px auto;padding:0 14px;border:1px solid var(--line,#d1dceb);border-radius:14px;background:var(--panel,#fff);color:var(--text,#24334a)}
.waze-live-section>summary{padding:13px 0;font-weight:750;cursor:pointer}
.waze-traffic-body{padding:2px 0 16px}
.waze-traffic-body>p{margin:7px 0 11px;line-height:1.5}
.waze-traffic-actions{display:flex;flex-wrap:wrap;gap:10px;margin:9px 0 12px}
.waze-traffic-actions a{border:1px solid var(--line,#d1dceb);border-radius:9px;background:var(--bg,#f8fafc);text-decoration:none;padding:9px 12px;color:var(--text,#263448);font-weight:650}
.waze-embed-slot{display:flex;align-items:center;justify-content:center;min-height:175px;border-radius:12px;overflow:hidden;border:1px solid var(--line,#d1dceb);color:var(--muted,#64748b);background:var(--bg,#f8fafc);font-size:.9rem}
.waze-embed-slot iframe{display:block;width:100%;height:420px;border:0;background:#f8fafc}
.waze-traffic-body .waze-limitation{font-size:.84rem;color:var(--muted,#64748b)}
.waze-traffic-body .waze-attribution{font-size:.79rem}
@media(max-width:640px){.waze-embed-slot iframe{height:345px}.local-weather{padding:10px 12px}}

/* v3.85: payment-method and loyalty-price filters, aligned with existing grid */
#paymentWrap,#loyaltyPriceWrap{min-width:0}
.payment-filter-hint{margin:9px 0 0;color:var(--muted);font-size:.79rem;line-height:1.4}
.station-payment{font-size:.78rem;color:var(--muted);margin-top:5px}
.station-payment a{font-size:inherit;font-weight:400;margin:0 0 0 4px}
.station-loyalty-note{font-size:.78rem;color:var(--muted);margin-top:4px}

/* v3.86: prominent JOLLY/customer-program price with requirements adjacent to every price. */
.station-jolly-alert{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:11px 0 9px;padding:10px 12px;border:2px solid #bd5900;border-left:5px solid #bd5900;border-radius:10px;background:#fff0c7;color:#542900;font-size:.80rem;line-height:1.38}
.station-jolly-alert strong{font-size:.91rem;font-weight:900;letter-spacing:.01em;color:#592400}
.station-jolly-alert span{font-weight:650;color:#5d3000}
.pricebox .price-jolly-tag{display:block;margin-top:8px;padding:4px 6px;border-radius:6px;background:#fff0c7;border:1px solid #bd5900;color:#5a2c00!important;font-size:.71rem;font-weight:900;line-height:1.3;text-align:left;white-space:normal}
.pricebox .price-jolly-terms{display:block;margin-top:5px;color:var(--text)!important;font-size:.71rem;line-height:1.35;font-weight:750;text-align:left;white-space:normal}
.pricebox .price-standard-unavailable{display:block;margin-top:6px;color:var(--warning)!important;font-size:.75rem;line-height:1.35;font-weight:850;white-space:normal;text-align:left}
.pricebox .price-standard-verified{display:block;margin-top:6px;font-size:.75rem;font-weight:800;color:var(--text)!important;text-align:left}
.pricebox.regular-price-unavailable{border-style:dashed;min-width:144px}
@media(max-width:560px){.station-jolly-alert{padding:9px 10px;font-size:.78rem}.station-jolly-alert strong{font-size:.85rem}.pricebox.regular-price-unavailable{min-width:125px}}

/* v3.88: human-readable attribution guidance for MET Norway and CC BY 4.0 */
.local-weather-help{margin-top:7px;color:var(--text,#24334a);font-size:.82rem}
.local-weather-help>summary{display:list-item;width:fit-content;max-width:100%;padding:4px 6px;border-radius:6px;cursor:pointer;color:var(--accent,#196aad);font-weight:650;line-height:1.4}
.local-weather-help>summary:hover{text-decoration:underline;text-underline-offset:3px}
.local-weather-help>summary:focus-visible{outline:2px solid var(--accent,#196aad);outline-offset:2px}
.local-weather-help-content{margin-top:6px;padding:8px 11px;border:1px solid var(--line,#d1dceb);border-radius:9px;background:var(--bg,#f8fafc);line-height:1.5}
.local-weather-help-content p{margin:4px 0 8px;overflow-wrap:anywhere}
.local-weather-help-content p:last-child{margin-bottom:4px}


/* 3.91: Accessible contextual explanations for actions and local legal links. */
.fuel-context-info{display:inline-flex;align-items:center;justify-content:center;min-width:23px;min-height:23px;margin-inline:3px 5px;padding:0 3px;border:0;border-radius:50%;background:transparent;color:var(--muted,#64748b);font-size:14px;line-height:1;cursor:help;vertical-align:middle}
.fuel-context-info:focus-visible{outline:2px solid var(--accent,#2077bf);outline-offset:2px}
.fuel-context-popup{position:fixed;z-index:100100;width:max-content;max-width:320px;padding:10px 12px;border:1px solid var(--line,#cad5e0);border-radius:10px;background:var(--panel,#fff);color:var(--text,#162435);box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:13px;line-height:1.5;white-space:normal;pointer-events:none}
.fuel-context-popup[hidden]{display:none}
@media (max-width:600px){.fuel-context-info{min-width:32px;min-height:32px}}

/* v3.94: official OAuth provider logo assets, align icons consistently. */
.fuel-oauth-button .fuel-provider-logo{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain}
.fuel-oauth-button.github-oauth{border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.fuel-oauth-button.github-oauth .fuel-provider-logo{color:#24292f}
@media(max-width:430px){.fuel-oauth-button .fuel-provider-logo{width:22px;height:22px;flex-basis:22px}}

/* v3.95: display name belongs to registration only, never to the sign-in form. */
#accountNameWrap[hidden]{display:none!important}
#accountNameLabel{display:block;margin:7px 0 2px;font-size:.84rem;color:var(--muted,#64748b)}

/* v3.97: government announcement is advisory, not a fabricated legal daily limit. */
.regulation-notice .regulation-announcement{display:block;flex-basis:100%;color:var(--muted);opacity:1;line-height:1.45;font-size:.88rem}
.regulation-notice .regulation-announcement a{color:var(--accent);font-weight:650;text-decoration:underline;text-underline-offset:2px}

/* v3.99.2: regulation notices for national and scoped non-cap measures */
.regulation-other-measure{display:block;margin-top:5px;line-height:1.5}
.regulation-official-sources{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:5px;margin-top:4px}
.regulation-official-sources a{font-size:inherit;overflow-wrap:anywhere}

/* v3.99.5 – always identify the regulated country/region in the notice. */
.regulation-notice .regulation-country-badge{
 display:inline-flex;align-items:center;white-space:nowrap;gap:4px;
 padding:3px 8px;border:1px solid var(--line);border-radius:999px;
 background:var(--panel);color:var(--text);font-size:.81rem;line-height:1.35;
 font-weight:750;letter-spacing:.01em;opacity:1;flex-shrink:0;
}
/* v3.99.6: raster country flag instead of OS-dependent Unicode glyphs. */
.regulation-notice .regulation-country-flag{
 display:block;flex:0 0 20px;width:20px;height:15px;
 object-fit:cover;border-radius:2px;background:transparent;
 box-shadow:0 0 0 1px rgba(0,0,0,.10);
}
.regulation-notice .regulation-country-code{opacity:1;color:inherit;font:inherit;letter-spacing:inherit}
@media(max-width:560px){.regulation-notice .regulation-country-badge{font-size:.78rem;padding:3px 7px}}


/* v3.99.7: align jurisdiction badge, text and official sources in measures-only panels.
   Other notices (including CZ daily caps, SI/HR/PT regional caps) keep existing flow. */
.regulation-notice.regulation-measure-layout{
 display:grid;
 grid-template-columns:max-content minmax(0,1fr);
 grid-template-areas:"badge description" ". sources";
 column-gap:12px;row-gap:6px;align-items:start;
}
.regulation-notice.regulation-measure-layout .regulation-country-badge{
 grid-area:badge;align-self:start;
}
.regulation-notice.regulation-measure-layout .regulation-other-measure{
 grid-area:description;min-width:0;flex-basis:auto;
 margin:2px 0 0;line-height:1.45;
}
.regulation-notice.regulation-measure-layout .regulation-official-sources{
 grid-area:sources;min-width:0;flex-basis:auto;margin:0;align-self:start;
 column-gap:12px;row-gap:5px;
}
@media(max-width:560px){
 .regulation-notice.regulation-measure-layout{column-gap:9px;row-gap:6px}
}
