.fuel-quality{--fq-ink:var(--on-primary);--fq-soft:var(--ink-300);--fq-tile:color-mix(in srgb,var(--on-primary) 7%,var(--ink-900));--fq-figure:min(7.5rem,7vw);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:var(--space-16);background:var(--ink-900);padding:clamp(96px,10vw,152px) max(var(--hero-gutter),env(safe-area-inset-right)) clamp(72px,7vw,112px) max(var(--hero-gutter),env(safe-area-inset-left));color:var(--fq-ink)}.fuel-quality>*{grid-column:2/span 5;min-width:0}.fuel-quality-title{margin:0;color:var(--fq-soft);font-size:min(5.5rem,5.4vw);font-weight:500;line-height:.98;letter-spacing:-.035em}.fuel-quality-title-line{display:block}.fuel-quality-title strong{color:var(--fq-ink);font-weight:800}.fuel-quality-body{max-width:50ch;margin:var(--space-10) 0 0;color:var(--fq-soft);font-size:var(--text-lg);line-height:1.5;letter-spacing:.003em;text-wrap:pretty}.fuel-quality-body strong{color:var(--fq-ink);font-weight:700}.fuel-quality-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:clamp(72px,7vw,112px)}.fuel-quality-tile{display:grid;align-content:space-between;gap:var(--space-6);background:var(--fq-tile);padding:clamp(26px,2.6vw,44px)}.fuel-quality-value{display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:.2em;column-gap:.2em;margin:0;font-size:var(--fq-figure)}.fuel-quality-upto{flex-basis:100%;margin-bottom:var(--space-3);color:var(--fq-soft);font-size:var(--text-md);font-weight:500;line-height:1.2}.fuel-quality-number{color:var(--fq-ink);font-weight:700;line-height:.86;letter-spacing:-.04em;white-space:nowrap}.fuel-quality-unit{color:var(--fq-ink);font-size:.3em;font-weight:600;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}.fuel-quality-label{max-width:30ch;margin:0;color:var(--fq-ink);font-weight:500;line-height:1.4}.fuel-quality-action,.fuel-quality-label{font-size:var(--text-base);text-wrap:balance}.fuel-quality-action{justify-self:start;display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:var(--space-12);border-radius:var(--radius-pill);background:var(--olive-600);color:var(--on-action);padding:12px var(--space-6);font-weight:700;line-height:1.25;text-align:center;text-decoration:none;transition:background-color var(--dur-fast) ease,transform var(--dur-press) var(--ease-out)}.fuel-quality-action:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.fuel-quality-action:hover{background:var(--action)}}@media (max-width:900px){.fuel-quality{--fq-figure:min(6.5rem,20vw);grid-template-columns:minmax(0,1fr);justify-items:center;padding:88px max(18px,env(safe-area-inset-right)) 64px max(18px,env(safe-area-inset-left))}.fuel-quality>*{grid-column:1;width:100%;max-width:460px}.fuel-quality-title{font-size:min(2.5rem,9.6vw);line-height:1}.fuel-quality-title-line>*{display:block}.fuel-quality-title strong{font-size:1.7em;line-height:.92}.fuel-quality-body{margin-top:var(--space-6);font-size:var(--text-md)}.fuel-quality-tiles{grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-12)}.fuel-quality-tile{padding:var(--space-5)}.fuel-quality-action{justify-self:stretch;margin-top:var(--space-10)}}.price-zones{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-areas:". head head head head fuels ." ". map map map map map .";align-items:end;padding:clamp(32px,4vw,72px) max(var(--hero-gutter),env(safe-area-inset-right)) clamp(88px,8vw,136px) max(var(--hero-gutter),env(safe-area-inset-left))}.price-zones-head{grid-area:head;min-width:0}.price-zones-title{margin:0;color:var(--ink);font-size:min(4rem,4.4vw);font-weight:700;line-height:1;letter-spacing:-.035em;text-wrap:balance}.price-zones-fuels{grid-area:fuels;grid-template-columns:repeat(2,auto);justify-self:end;min-width:0}.price-zones-fuels .segmented-option{padding:0 var(--space-5);white-space:nowrap}.price-zones-figure,.price-zones-key-stack{display:grid;min-width:0}.price-zones-layer{grid-area:1/1;min-width:0;transition:opacity .2s var(--ease-standard),visibility 0s linear .2s}.price-zones-layer:not([data-active]){visibility:hidden;opacity:0}.price-zones-layer[data-active]{transition-delay:0s}.price-zones-figure{grid-area:map;min-width:0;margin-top:clamp(28px,3vw,48px)}.price-zones-map{position:relative;height:clamp(440px,72svh,860px);overflow:hidden;background:var(--map-void);-webkit-tap-highlight-color:transparent}.price-zones-map .maplibregl-map{font-family:var(--font-sans)}.price-zones-map .maplibregl-cooperative-gesture-screen{background:color-mix(in srgb,var(--ink-900) 52%,transparent);color:var(--on-primary);font-size:var(--text-base);font-weight:600;line-height:1.35;text-align:center}.price-zones-jump{position:absolute;z-index:500;bottom:10px;left:10px;min-height:31px;border:1px solid var(--glass-border);border-radius:0;background:var(--surface);color:var(--ink-900);padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:transform .16s var(--ease-out)}.price-zones-jump:active{transform:scale(.97)}.price-zones-jump:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.price-zones-jump:hover{background:var(--surface-soft)}}@media (pointer:coarse){.price-zones-jump:after{position:absolute;inset:-8px;content:""}}.price-zones-hatch-ground{fill:var(--surface)}.price-zones-hatch-line{fill:none;stroke:var(--ink-300);stroke-width:1.6px}.price-zones-tip{position:absolute;z-index:600;width:-moz-max-content;width:max-content;transform:translate(-50%,calc(-100% - 14px));background:var(--ink-900);color:var(--on-primary);padding:10px 14px 11px;font-size:var(--text-xs);font-weight:600;line-height:1.35;white-space:nowrap;pointer-events:none}.price-zones-tip[data-below]{transform:translate(-50%,18px)}@media (prefers-reduced-motion:no-preference){.price-zones-tip{animation:price-zones-tip-in 125ms var(--ease-out)}}@keyframes price-zones-tip-in{0%{opacity:0}}.price-zones-key-stack{z-index:1;transition:opacity .2s var(--ease-out);grid-area:map;align-self:end;justify-self:end;width:min(320px,34%);margin:0 10px 10px 0;background:var(--surface);padding:var(--space-3) var(--space-4) var(--space-3)}.price-zones-key-stack[data-pending]{visibility:hidden;opacity:0}.price-zones-key{display:grid;gap:var(--space-3)}.price-zones-scale{position:relative;padding-bottom:22px}.price-zones-swatches{display:flex;height:12px;gap:1px}.price-zones-swatches>span{flex:1 1 0;opacity:.68}.price-zones-ticks>span{position:absolute;bottom:0;transform:translateX(-50%);color:var(--muted);font-size:var(--text-4xs);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.price-zones-ticks>span[data-edge=start]{transform:none}.price-zones-ticks>span[data-edge=end]{transform:translateX(-100%)}.price-zones-sparse{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--muted);font-size:var(--text-4xs);line-height:1.2}.price-zones-sparse-swatch,.price-zones-sparse-swatch svg{display:block;width:14px;height:14px}.price-zones-sparse-swatch{box-shadow:0 0 0 1px var(--line)}@media (max-width:900px){.price-zones{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fuels" "map" "key";justify-items:center;padding:var(--space-12) max(18px,env(safe-area-inset-right)) 72px max(18px,env(safe-area-inset-left))}.price-zones-head,.price-zones>*{width:100%;max-width:460px}.price-zones-title{font-size:min(2.5rem,10vw);line-height:1.02}.price-zones-fuels{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;margin-top:var(--space-6)}.price-zones-figure{width:100vw;max-width:none;margin-top:var(--space-5)}.price-zones-map{height:min(116vw,68svh)}.price-zones-key-stack{grid-area:key;justify-self:center;width:100%;margin:var(--space-4) 0 0;background:none;padding:0}}