:root{--bg:#eeeeee;--panel:#ffffff;--text:#5a5a5a;--muted:#777777;--line:#e1e1e1;--dark:#666666;--dark2:#f2f2f2;--cream:#f5f3ee;--accent:#3aa8ff;--accent2:#d6ff3f;--sky:#62b7ff;--danger:#e33;--ok:#117a37;--radius:22px;--shadow:0 18px 55px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--cream);color:var(--text);line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;background:rgba(96,96,96,.94);backdrop-filter:blur(18px);border-bottom:1px solid #707070}.topbar-inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.brand{font-size:1.5rem;font-weight:950;letter-spacing:-.06em;color:#fff}.brand span{color:var(--accent2)}.searchbar{display:flex;gap:8px;align-items:center}.searchbar input{width:100%;border:1px solid #d7d7d7;background:#fff;color:#666;border-radius:999px;padding:13px 17px;outline:none}.btn{border:0;border-radius:999px;background:var(--dark);color:#fff;padding:12px 16px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn.light{background:#fff;color:#555}.btn.accent{background:var(--accent);color:#fff}.icon-btn{width:48px;height:48px;border-radius:999px;border:1px solid #757575;background:#6b6b6b;color:#fff;cursor:pointer}.hero{background:var(--bg);color:var(--text);padding:34px 18px 38px}.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;align-items:stretch}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#777}.hero h1{font-size:clamp(2.8rem,8vw,7.4rem);line-height:.86;letter-spacing:-.08em;margin:14px 0 20px}.hero-copy{max-width:650px;color:#666;font-size:1.08rem}.tip-card{border:1px solid #333;border-radius:var(--radius);background:var(--dark2);padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.tip-label{color:var(--accent2);font-weight:950;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.tip-text{font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.05;font-weight:950;letter-spacing:-.05em;margin:22px 0}.tip-foot{color:#999;font-size:.92rem}.main-card-wrap{max-width:1180px;margin:-24px auto 0;padding:0 18px;position:relative;z-index:2}.station-card{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.price-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.mode-pill{display:inline-flex;background:#f0f0f0;border-radius:999px;padding:5px;gap:4px}.mode-pill button{border:0;border-radius:999px;background:transparent;padding:9px 13px;font-weight:850;color:#666;cursor:pointer}.mode-pill button.active{background:#666;color:#fff}.price{font-size:clamp(4rem,10vw,8.8rem);font-weight:1000;line-height:.85;letter-spacing:-.08em;margin:18px 0}.unit{font-size:1.6rem;color:#666;font-weight:900}.station-name{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:950;letter-spacing:-.05em;margin:0 0 10px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{background:#f4f4f4;border:1px solid #e8e8e8;color:#444;border-radius:999px;padding:8px 11px;font-size:.9rem;font-weight:750}.side-panel{background:#f7f7f7;border:1px solid var(--line);border-radius:22px;padding:18px}.range-head{display:flex;justify-content:space-between;color:#555;font-weight:850;margin-bottom:8px}.range{width:100%;accent-color:#666}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.mini b{display:block;font-size:.78rem;text-transform:uppercase;color:#777;margin-bottom:5px}.mini span{font-weight:900}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.section{max-width:1180px;margin:0 auto;padding:56px 18px}.section h2{font-size:clamp(2rem,5vw,4.5rem);line-height:.9;letter-spacing:-.08em;margin:0 0 16px}.section-intro{color:#666;max-width:720px}.cloud-section{background:var(--bg);color:var(--text);margin-top:54px}.city-cloud{max-width:1180px;margin:0 auto;padding:58px 18px;line-height:2.25;text-align:center}.city-cloud h2{font-size:clamp(2.4rem,7vw,6rem);letter-spacing:-.08em;line-height:.9;margin:0 0 30px}.city-tag{display:inline-block;color:#777;font-weight:950;letter-spacing:-.04em;margin:0 10px;cursor:pointer}.city-tag:hover{color:#fff;background:var(--accent);padding:0 7px;margin:0 3px}.city-tag.xl{font-size:3rem;color:#333}.city-tag.lg{font-size:2.25rem;color:#555}.city-tag.md{font-size:1.55rem;color:#666}.city-tag.sm{font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 35px rgba(0,0,0,.05)}.card h3{font-size:1.35rem;letter-spacing:-.04em;margin:0 0 8px}.card p{color:#666;margin:0 0 16px}.tool-form{display:grid;gap:12px}.field label{display:block;font-weight:850;font-size:.85rem;margin-bottom:6px;color:#555}.field input,.field select,textarea{width:100%;border:1px solid #ddd;border-radius:14px;padding:13px;background:#fff}.result{background:var(--dark);color:#fff;border-radius:18px;padding:18px;margin-top:14px;font-size:1.1rem}.article{max-width:900px;margin:0 auto;padding:48px 18px}.article h1{font-size:clamp(2.4rem,7vw,5.5rem);line-height:.88;letter-spacing:-.08em;margin:0 0 18px}.article h2{font-size:2rem;letter-spacing:-.05em;margin-top:38px}.quick-answer{background:#fff;border:1px solid var(--line);border-left:6px solid #666;border-radius:18px;padding:20px;margin:24px 0;box-shadow:0 8px 30px rgba(0,0,0,.05)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #eee}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.emergency{border-left:6px solid var(--danger)}.site-footer{background:var(--dark);color:#fff;padding:44px 18px 28px}.footer-inner{max-width:1180px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.footer-col h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:#999;margin:0 0 12px}.footer-col a{display:block;color:#ddd;font-size:.88rem;margin:0 0 8px;width:max-content;max-width:100%;padding:2px 4px;margin-left:-4px}.footer-col a:hover{background:var(--accent);color:#fff}.footer-bottom{border-top:1px solid #2a2a2a;margin-top:30px;padding-top:18px;color:#777;font-size:.8rem;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.notice{font-size:.82rem;color:#666;margin-top:12px}.hidden{display:none!important}@media(max-width:850px){.topbar-inner{grid-template-columns:1fr auto}.brand{font-size:1.3rem}.searchbar{grid-column:1/3;order:3}.hero-inner,.station-card{grid-template-columns:1fr}.hero{padding-top:26px}.grid,.service-grid,.footer-grid{grid-template-columns:1fr}.price{font-size:5.4rem}.city-tag.xl{font-size:2.1rem}.city-tag.lg{font-size:1.7rem}.footer-bottom{display:block}.topbar-inner{padding:12px}}

/* Driverz redesign refinements */
.hero-panel{border:1px solid #d4d4d4;border-radius:var(--radius);background:var(--panel);padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}
.hero-panel-label{color:#268be3;font-weight:950;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.hero-panel-value{font-size:clamp(2rem,4vw,4rem);line-height:.92;font-weight:950;letter-spacing:-.07em;margin:22px 0;color:#333}
.hero-panel p{color:#666;margin:0;max-width:420px}
.insight-quote{background:var(--sky);color:#fff;margin:54px auto 0}
.insight-inner{max-width:1180px;margin:0 auto;padding:54px 18px 58px;text-align:center}
.insight-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950;opacity:.86;margin-bottom:18px}
.insight-quote p{font-size:clamp(2.2rem,6.5vw,6rem);line-height:.92;letter-spacing:-.08em;font-weight:950;margin:0 auto;max-width:1050px}
@media(max-width:850px){.insight-inner{padding:42px 18px}.insight-quote p{font-size:2.35rem}.hero-panel{min-height:auto}}


/* v3 refinements */
.station-card{position:relative;overflow:hidden}.header-price-cycle{border:1px solid #d9d9d9;background:#f7f7f7;color:#555;border-radius:999px;padding:10px 14px;display:flex;gap:9px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.08);min-width:116px}.header-price-cycle span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#777}.header-price-cycle strong{font-size:1rem;font-weight:950;color:#555}.header-price-cycle:hover{background:#fff;transform:translateY(-1px)}.toggle-row{display:flex;gap:10px;align-items:center;margin:16px 0 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;color:#444;font-weight:850}.toggle-row input{width:18px;height:18px;accent-color:#333}.toggle-row small{color:#777;font-weight:750}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.05)}.stat-card strong{display:block;font-size:clamp(2rem,5vw,4rem);line-height:.9;letter-spacing:-.07em;color:#333}.stat-card span{display:block;margin-top:10px;color:#666;font-weight:850}.link-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 8px 28px rgba(0,0,0,.05);display:grid;gap:14px}.contact-form button{justify-content:center}.small-muted{color:#777;font-size:.9rem}.advert-hero{text-align:center}.advert-hero h1{max-width:780px;margin-left:auto;margin-right:auto}.highlight-panel{background:#eaf6ff;border:1px solid #cfeeff;border-radius:24px;padding:24px;margin:24px 0}.safety-box{background:#fff5df;border-left:6px solid #ffaa00;padding:20px;border-radius:0 18px 18px 0;margin:24px 0}.safety-box h3{margin:0 0 8px;color:#9a6100;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.safety-box p{margin:0;color:#333;font-weight:850}@media(max-width:850px){.header-price-cycle{min-width:104px;padding:9px 12px}.stat-grid,.link-card-list{grid-template-columns:1fr}.station-card{padding-top:22px}}


/* v5: softer grey typography and header price cycle */
.hero h1,.section h2,.article h1,.article h2,.city-cloud h2,.station-name,.price,.card h3,.hero-panel-value{color:#555555}
.price,.station-name{color:#4f4f4f}
.unit,.hero-copy,.section-intro,.card p,.notice,.footer-bottom,.chip,.range-head,.mini b,.field label{color:#777777}
.cloud-section{background:#eeeeee}
.site-footer{background:#666666}.footer-bottom{border-top-color:#777777}.footer-col h4{color:#d0d0d0}.footer-col a{color:#f1f1f1}
@media(max-width:850px){.topbar-inner{grid-template-columns:auto 1fr;gap:10px}.brand{font-size:1.32rem}.header-price-cycle{justify-self:end}.searchbar{grid-column:1/3;order:3}}

/* v7: Time.is-inspired cleaner mobile header */
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  background:#ffffff;
  border-bottom:1px solid #dddddd;
  backdrop-filter:none;
}
.topbar-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px;
  display:grid;
  grid-template-columns:220px minmax(260px,1fr) auto auto auto;
  gap:0;
  align-items:stretch;
}
.brand-card{
  background:#666666;
  color:#ffffff;
  min-height:76px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.75rem;
  letter-spacing:-.07em;
}
.searchbar{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
}
.searchbar input{
  height:52px;
  border-radius:999px;
  font-size:1rem;
  color:#666666;
}
.btn.light{
  background:#666666;
  color:#ffffff;
  height:52px;
  padding:0 22px;
}
.header-price-cycle{
  align-self:center;
  justify-self:center;
  margin:0 10px;
  min-width:132px;
  height:54px;
  border:1px solid #d9d9d9;
  background:#f7f7f7;
  color:#666666;
  border-radius:999px;
  box-shadow:none;
}
.header-price-cycle span{color:#777777}
.header-price-cycle strong{color:#555555}
.icon-btn.location-btn,.menu-btn{
  align-self:center;
  justify-self:center;
  width:56px;
  height:56px;
  border-radius:0;
  border:0;
  background:transparent;
  color:#9a9a9a;
  font-size:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.menu-btn{
  font-size:2.2rem;
  line-height:1;
}
.icon-btn.location-btn:hover,.menu-btn:hover{color:#666666;background:#f3f3f3}
@media(max-width:850px){
  .topbar-inner{
    padding:0;
    grid-template-columns:150px 1fr 64px 64px;
    gap:0;
    align-items:stretch;
  }
  .brand-card{
    min-height:92px;
    font-size:1.55rem;
    padding:0 14px;
  }
  .header-price-cycle{
    align-self:center;
    justify-self:end;
    margin:0 8px 0 0;
    min-width:128px;
    height:54px;
    padding:0 14px;
    grid-column:auto;
  }
  .icon-btn.location-btn,.menu-btn{
    width:64px;
    height:92px;
    font-size:2rem;
  }
  .searchbar{
    grid-column:1/5;
    order:5;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding:14px 18px 16px;
    background:#ffffff;
    border-top:1px solid #eeeeee;
  }
  .searchbar input{
    height:54px;
    min-width:0;
    font-size:1.05rem;
  }
  .btn.light{
    height:54px;
    min-width:104px;
    justify-content:center;
  }
}
@media(max-width:430px){
  .topbar-inner{grid-template-columns:140px 1fr 58px 58px}
  .brand-card{font-size:1.38rem}
  .header-price-cycle{min-width:112px;height:50px;padding:0 10px}
  .header-price-cycle span{font-size:.68rem}
  .header-price-cycle strong{font-size:.92rem}
  .icon-btn.location-btn,.menu-btn{width:58px}
  .searchbar{padding:12px 14px 14px;gap:8px}
  .btn.light{min-width:92px;padding:0 18px}
}

/* v8: fix homepage hierarchy, calm Time.is-style header, mobile table readability */
.topbar{background:#fff;border-bottom:1px solid #dedede;position:sticky;top:0;z-index:40}
.topbar-inner{max-width:1180px;margin:0 auto;padding:0;display:flex;align-items:stretch;justify-content:space-between;gap:0}
.brand-card{background:#666;color:#fff;min-height:76px;min-width:245px;padding:0 34px;display:flex;align-items:center;justify-content:flex-start;font-size:1.8rem;font-weight:950;letter-spacing:-.07em}.brand-card span{color:var(--accent2)}
.top-actions{display:flex;align-items:center;gap:0}.header-price-cycle{height:76px;min-width:142px;margin:0;border:0;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-radius:0;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:2px}.header-price-cycle span{font-size:.7rem;letter-spacing:.14em;color:#888}.header-price-cycle strong{font-size:1.12rem;color:#555}.icon-btn.location-btn,.menu-btn{height:76px;width:76px;border-radius:0;border:0;background:#fff;color:#999;font-size:2rem;display:flex;align-items:center;justify-content:center}.menu-btn{font-size:2.4rem}.icon-btn.location-btn:hover,.menu-btn:hover,.header-price-cycle:hover{background:#f4f4f4;color:#555;transform:none}
.fuel-hero{background:#eeeeee;padding:42px 18px 54px}.fuel-hero-inner{max-width:1180px;margin:0 auto}.fuel-hero-top{display:grid;grid-template-columns:1fr;gap:20px}.fuel-hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.86;letter-spacing:-.08em;color:#555;margin:14px 0 18px}.fuel-hero .hero-copy{font-size:1.12rem;max-width:680px;color:#666}.hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin:30px 0 18px}.hero-search input{height:62px;border-radius:999px;border:1px solid #d6d6d6;background:#fff;color:#555;padding:0 24px;font-size:1.08rem;outline:none}.hero-search input:focus{border-color:#aaa;box-shadow:0 0 0 4px rgba(0,0,0,.04)}.hero-search .btn{height:62px;padding:0 26px}.btn.icon-only{width:62px;padding:0;justify-content:center;font-size:1.4rem;background:#777}.fuel-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;align-items:center;margin-bottom:18px}.radius-control{background:#fff;border:1px solid #ddd;border-radius:18px;padding:13px 16px}.radius-control .range-head{margin-bottom:8px}.toggle-row.compact{margin:0;align-self:stretch;min-height:68px}.hero-station-card{margin-top:0;grid-template-columns:minmax(0,1fr) 320px;padding:30px}.result-main{min-width:0}.price-row{align-items:flex-end}.other-price-card{background:#f7f7f7;border:1px solid #e3e3e3;border-radius:22px;padding:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.mini-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#777;margin-bottom:14px}.price-chips{display:flex;flex-direction:column;gap:10px}.price-chip{display:flex;justify-content:space-between;gap:12px;border:1px solid #ddd;background:#fff;border-radius:999px;padding:11px 14px;color:#5f5f5f;font-weight:900}.price-chip.wide{border-radius:16px;line-height:1.35}.station-card .mini-grid,.side-panel{display:none!important}.main-card-wrap{display:none}.hero{display:none}.section{padding-top:52px}.insight-quote{margin-top:0}.cloud-section{margin-top:0}.table{font-size:.98rem}.table th{color:#555;background:#f7f7f7}.table td{color:#666}
@media(max-width:850px){.topbar-inner{display:flex;padding:0}.brand-card{min-width:42%;min-height:78px;padding:0 18px;font-size:1.52rem}.top-actions{margin-left:auto}.header-price-cycle{height:78px;min-width:116px}.icon-btn.location-btn,.menu-btn{height:78px;width:56px;font-size:1.8rem}.menu-btn{font-size:2.2rem}.fuel-hero{padding:30px 14px 38px}.fuel-hero h1{font-size:3.55rem;line-height:.88;margin-top:10px}.fuel-hero .hero-copy{font-size:1rem}.hero-search{grid-template-columns:1fr auto;gap:9px;margin-top:22px}.hero-search input{grid-column:1/3;height:58px;font-size:1rem}.hero-search .btn{height:56px;justify-content:center}.hero-search .btn[type=submit]{width:100%}.btn.icon-only{width:56px}.fuel-controls{grid-template-columns:1fr;gap:10px}.mode-pill{width:100%;justify-content:space-between}.mode-pill button{flex:1}.toggle-row.compact{min-height:0}.hero-station-card{grid-template-columns:1fr;padding:24px;border-radius:24px;gap:18px}.price{font-size:clamp(5.2rem,24vw,8rem);line-height:.78}.unit{font-size:2rem}.station-name{font-size:2rem;line-height:.95;word-break:break-word}.meta{gap:8px}.chip{font-size:.82rem}.other-price-card{padding:18px}.price-chips{display:grid;grid-template-columns:1fr}.grid{grid-template-columns:1fr}.table{display:block;background:transparent;border-radius:0;overflow:visible}.table thead{display:none}.table tbody,.table tr,.table td{display:block;width:100%}.table tr{background:#fff;border:1px solid var(--line);border-radius:18px;margin:0 0 12px;padding:12px;box-shadow:0 6px 24px rgba(0,0,0,.04)}.table td{border:0;padding:7px 4px}.table td:first-child{font-weight:950;color:#555;font-size:1.05rem}.table td:not(:first-child){color:#666}.article{padding-top:34px}.article h1{font-size:3rem}.article h2{font-size:1.7rem}}
@media(max-width:430px){.brand-card{min-width:40%;font-size:1.34rem;padding:0 14px}.header-price-cycle{min-width:108px}.header-price-cycle span{font-size:.64rem}.header-price-cycle strong{font-size:1rem}.icon-btn.location-btn,.menu-btn{width:50px}.fuel-hero h1{font-size:3.05rem}.hero-search{grid-template-columns:1fr 56px}.hero-search .btn[type=submit]{grid-column:1/2}.hero-search .icon-only{grid-column:2/3}.price{font-size:5.5rem}.station-name{font-size:1.75rem}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .btn{justify-content:center}}

/* v9: cleaner Time.is-style header + priority fuel hero */
.topbar{background:#fff;border-bottom:1px solid #dedede;position:sticky;top:0;z-index:50}
.topbar-inner{max-width:1180px;margin:0 auto;padding:0;display:flex;align-items:stretch;justify-content:space-between;gap:0}
.brand-card{background:#666;color:#fff;min-height:76px;min-width:245px;padding:0 34px;display:flex;align-items:center;justify-content:flex-start;font-size:1.8rem;font-weight:950;letter-spacing:-.07em}.brand-card span{color:var(--accent2)}
.top-actions{display:flex;align-items:stretch;gap:0;margin-left:auto}.header-icon{height:76px;width:76px;border:0;border-left:1px solid #ededed;background:#fff;color:#999;font-size:2.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-icon:hover{background:#f5f5f5;color:#555}.menu-btn{font-size:2.35rem;line-height:1}.search-toggle{font-size:2.15rem}.header-price-cycle{height:76px;min-width:128px;margin:0;border:0;border-left:1px solid #ededed;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}.header-price-cycle span{font-size:.68rem;letter-spacing:.14em;color:#888}.header-price-cycle strong{font-size:1.06rem;color:#555}.header-price-cycle:hover{background:#f5f5f5;transform:none}
.header-search-panel{max-width:1180px;margin:0 auto;padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:#fff;border-top:1px solid #ededed}.header-search-panel[hidden]{display:none}.header-search-panel input{height:58px;border-radius:999px;border:1px solid #d8d8d8;padding:0 22px;color:#555;outline:none;font-size:1.06rem}.header-search-panel input:focus{border-color:#aaa;box-shadow:0 0 0 4px rgba(0,0,0,.04)}.header-search-panel .btn{height:58px;min-width:112px;justify-content:center}
.fuel-hero{padding:32px 18px 46px}.compact-hero-title h1{font-size:clamp(2.1rem,4.8vw,4.4rem);line-height:.92;margin:10px 0 10px;letter-spacing:-.075em}.compact-hero-title .hero-copy{font-size:1rem;margin:0 0 20px;max-width:620px}.fuel-type-row{margin:18px 0 14px;display:flex;justify-content:flex-start}.priority-price-card{margin-top:0;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch}.below-price-controls{margin-top:16px;margin-bottom:0;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px;align-items:stretch}.below-price-controls .radius-control{min-height:68px}.below-price-controls .toggle-row{min-height:68px}.hero-search{display:none!important}.price{margin:8px 0 4px}.station-name{margin-top:8px}
@media(max-width:850px){.topbar-inner{display:flex;padding:0}.brand-card{min-width:44%;min-height:74px;padding:0 18px;font-size:1.5rem}.top-actions{margin-left:auto}.header-icon{height:74px;width:54px;font-size:1.75rem}.menu-btn{font-size:2.05rem}.header-price-cycle{height:74px;min-width:104px}.header-price-cycle span{font-size:.62rem}.header-price-cycle strong{font-size:.92rem}.header-search-panel{padding:12px 14px;grid-template-columns:1fr auto}.header-search-panel input{height:54px;font-size:1rem;min-width:0}.header-search-panel .btn{height:54px;min-width:92px;padding:0 18px}.fuel-hero{padding:24px 14px 34px}.compact-hero-title h1{font-size:2.25rem;line-height:.94;margin:8px 0}.compact-hero-title .hero-copy{font-size:.95rem;margin-bottom:14px}.fuel-type-row{margin:14px 0 12px}.priority-price-card{grid-template-columns:1fr;padding:22px;border-radius:24px}.below-price-controls{grid-template-columns:1fr;gap:10px}.below-price-controls .toggle-row{min-height:0}.price{font-size:clamp(4.6rem,21vw,7.2rem);margin:6px 0 0}.other-price-card{padding:16px}.actions{margin-top:14px}}
@media(max-width:430px){.brand-card{min-width:39%;font-size:1.32rem;padding:0 14px}.header-icon{width:46px}.header-price-cycle{min-width:96px}.header-search-panel{grid-template-columns:1fr}.header-search-panel .btn{width:100%}.compact-hero-title h1{font-size:2rem}.price{font-size:5.1rem}.station-name{font-size:1.58rem}.actions{grid-template-columns:1fr 1fr}}


/* v10: EV connector display, city-result flow, and result search action */
.actions .icon-action{min-width:52px;justify-content:center;font-size:1.35rem;padding-left:16px;padding-right:16px}
.price-chip{align-items:center;white-space:normal}
.price-chip.wide{white-space:normal}
@media(max-width:430px){.actions{grid-template-columns:1fr 1fr 56px}.actions .icon-action{min-width:0;padding-left:0;padding-right:0}}

.quick-calc{margin-top:16px;background:#f4f4f4;border:1px solid #e3e3e3;border-radius:18px;padding:14px 16px;color:#555}
.quick-calc-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#777;margin-bottom:8px}
.quick-calc-lines{display:grid;gap:5px;font-weight:850;line-height:1.35}
.quick-calc-lines span{display:block}
@media(max-width:850px){.quick-calc{padding:13px 14px;margin-top:14px}.quick-calc-lines{font-size:.95rem}}


/* v14: expandable nearby comparison with directions */
.compare-nearby{margin:14px 0 16px}
.compare-toggle{width:100%;border:1px solid #dedede;background:#fff;color:#555;border-radius:20px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.05);text-align:left}
.compare-toggle span{font-weight:950;letter-spacing:-.03em;font-size:1.08rem}
.compare-toggle small{color:#777;font-weight:800}
.compare-toggle::after{content:'+';font-size:1.4rem;font-weight:950;color:#777}
.compare-toggle[aria-expanded="true"]::after{content:'–'}
.compare-list{display:grid;gap:10px;margin-top:10px}
.compare-row{background:#fff;border:1px solid #e2e2e2;border-radius:20px;padding:14px;display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 6px 24px rgba(0,0,0,.04)}
.compare-price{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:1000;letter-spacing:-.05em;color:#555;line-height:1.05;white-space:nowrap}
.compare-info strong{display:block;font-size:1rem;color:#555;letter-spacing:-.03em;margin-bottom:4px}.compare-info div{color:#666;font-size:.9rem;font-weight:750}.compare-info small{display:block;color:#777;margin-top:4px;line-height:1.25}.compare-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.compare-actions em{font-style:normal;background:#eef7ff;color:#357199;border-radius:999px;padding:7px 9px;font-size:.75rem;font-weight:900;white-space:nowrap}.compare-map{padding:10px 13px}
@media(max-width:900px){.compare-row{grid-template-columns:minmax(135px,170px) minmax(0,1fr) auto;gap:14px}}
@media(max-width:650px){.compare-toggle{display:grid;grid-template-columns:1fr auto}.compare-toggle small{grid-column:1/2}.compare-row{grid-template-columns:1fr;gap:8px}.compare-price{font-size:1.8rem}.compare-actions{justify-content:space-between}.compare-map{justify-content:center;min-width:130px}}


/* Compare list: always visible, no confusing expand/collapse control */
.compare-toggle {
  cursor: default;
  pointer-events: none;
}
.compare-toggle .plus,
.compare-toggle .toggle-icon,
.compare-toggle::after {
  display: none !important;
}
.compare-list[hidden] {
  display: block;
}


/* Privacy / cookie consent */
.cookie-consent{
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:9999;
  max-width:980px;
  margin:0 auto;
  background:#555;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.cookie-copy{display:grid;gap:3px;line-height:1.35}
.cookie-copy strong{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}
.cookie-copy span{font-size:.92rem;color:rgba(255,255,255,.86)}
.cookie-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.cookie-btn{
  border:0;
  border-radius:999px;
  padding:10px 15px;
  font-weight:900;
  cursor:pointer;
}
.cookie-btn.accept{background:#fff;color:#444}
.cookie-btn.reject{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
.cookie-actions a{color:#fff;font-weight:850;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:650px){
  .cookie-consent{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column;border-radius:18px}
  .cookie-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .cookie-btn{padding:10px 14px}
}