.sggo-expedition{--g:#a6ed16;--g2:#7ed400;--red:#ff1728;--orange:#ff8a00;--bg:#000;--panel:#05090d;--line:#303941;--text:#f5f7f8;width:min(1600px,calc(100vw - 32px)) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;background:#000;color:var(--text);font-family:inherit;overflow:hidden;border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.35);position:relative;left:auto;right:auto}
.sggo-expedition *{box-sizing:border-box}.exp-shell{width:100%;padding:clamp(22px,2.8vw,42px) clamp(18px,2.7vw,48px) clamp(24px,2.6vw,38px);border:1px solid #263039;border-radius:26px;background:radial-gradient(ellipse at 50% -15%,#0b131a 0,#030609 45%,#000 82%);position:relative;isolation:isolate}
.exp-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(166,237,22,.012));pointer-events:none;z-index:0}.exp-shell:after{content:"";position:absolute;left:0;right:0;top:0;height:min(330px,42vw);background-color:#000;background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.76)),var(--sggo-bg-image,none);background-size:cover;background-position:center top;background-repeat:no-repeat;border-radius:25px 25px 0 0;opacity:1;pointer-events:none;z-index:0}.exp-top,.route-wrap,.fuel-panel,.benefits{position:relative;z-index:1}
.exp-top{max-width:1550px;margin:0 auto;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:22px}.brand{text-align:center}.brand-line{display:flex;align-items:center;justify-content:center;gap:12px}.fuel-icon{font-size:42px;color:var(--g);filter:drop-shadow(0 0 9px rgba(166,237,22,.3))}.brand h2{margin:0;font-size:clamp(32px,4vw,62px);font-weight:950;font-style:italic;letter-spacing:.01em;line-height:.95}.brand h2 span{background:linear-gradient(90deg,#fff 0 55%,var(--g) 55%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:9px 0 0;color:#c2c9ce;font-size:clamp(14px,1.2vw,19px)}.campaign-name{margin-top:7px;color:#aab3b9;font-size:11px;letter-spacing:.42em;text-transform:uppercase}.route-point{display:flex;align-items:center;gap:9px}.route-point.end{justify-content:flex-end;text-align:right}.route-point b{display:block;font-size:clamp(16px,1.4vw,22px);white-space:nowrap}.route-point small{display:block;color:var(--g);margin-top:4px;font-weight:850;text-transform:uppercase;font-size:12px}.route-pin{color:var(--g);font-size:31px;line-height:1;filter:drop-shadow(0 0 6px rgba(166,237,22,.25))}
.route-wrap{max-width:1550px;margin:22px auto 28px;padding:0 1px}.route-line{height:6px;background:linear-gradient(90deg,#343b42,#505861);position:relative;border-radius:10px}.route-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#7fd000,var(--g));box-shadow:0 0 13px rgba(166,237,22,.45);border-radius:10px;transition:width .85s cubic-bezier(.2,.85,.2,1)}.route-node{position:absolute;top:50%;width:19px;height:19px;border:3px solid #7b858d;background:#070b0f;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(255,255,255,.025)}.start-node{left:0;border-color:var(--g);box-shadow:0 0 0 5px rgba(166,237,22,.07),0 0 16px rgba(166,237,22,.3)}.end-node{right:0;transform:translate(50%,-50%);border-color:#f3f5f6}.route-car{position:absolute;left:33%;bottom:calc(50% - 3px);width:min(390px,27vw);height:135px;transform:translate(-50%,0);display:block;z-index:3;transition:left .85s cubic-bezier(.2,.85,.2,1);pointer-events:none}.route-car img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 7px rgba(0,0,0,.7)) contrast(1.08) saturate(1.05)}.route-labels{display:flex;justify-content:space-between;margin-top:15px;color:#9ea8af;font-size:13px}.route-labels span:first-child,.route-labels span:last-child{color:var(--g);font-weight:850}
.fuel-panel{max-width:1550px;margin:0 auto;display:grid;grid-template-columns:1fr 1.45fr 1fr;align-items:stretch;border:1px solid #29333b;border-radius:20px;background:rgba(3,7,10,.88);overflow:hidden}.fuel-total,.fuel-gauge-panel,.exp-days{min-width:0}.fuel-total{padding:25px 28px;text-align:center;border-right:1px solid #29333b;display:flex;flex-direction:column;justify-content:center}.fuel-total small,.gauge-title,.exp-days small{letter-spacing:.08em;font-weight:850;color:#c2c9ce;font-size:13px}.panel-icon{color:var(--g);font-size:22px;margin-right:7px}.fuel-total strong{font-size:clamp(48px,5vw,78px);line-height:.95;margin:19px 0 14px;letter-spacing:.015em}.fuel-total strong em{color:var(--g);font-style:normal;font-size:.52em}.fuel-total-bar{height:12px;background:#343c43;border-radius:20px;overflow:hidden;margin-top:1px}.fuel-total-bar i{display:block;height:100%;background:linear-gradient(90deg,#7fd000,var(--g));border-radius:20px;transition:width .6s ease}.fuel-total-note{margin-top:13px;color:#b2bbc1;font-size:13px}
.fuel-gauge-panel{padding:18px 22px 7px;text-align:center;border-right:1px solid #29333b}.gauge-title{font-size:14px;margin-bottom:0}.fuel-gauge{height:285px;position:relative;max-width:650px;margin:auto;overflow:hidden}.gauge-svg{width:100%;height:100%;display:block;overflow:visible}.gauge-svg path{fill:none;stroke-linecap:round}.gauge-base{stroke:#606a72;stroke-width:11;opacity:.75}.gauge-active{stroke:url(#sggoGaugeActive);stroke-width:11;stroke-dasharray:0 100;filter:drop-shadow(0 0 7px rgba(166,237,22,.32));transition:stroke-dasharray .85s cubic-bezier(.2,.85,.2,1)}.gauge-svg text{fill:#b7c0c6;font-size:15px;font-family:inherit}.gauge-svg text:first-of-type{fill:var(--red);font-weight:900}.gauge-svg text:nth-of-type(3){fill:#fff}.gauge-tick{stroke:#f3f5f6;stroke-width:3;stroke-linecap:round;opacity:.95;transition:stroke .5s ease,opacity .5s ease}.gauge-tick.minor{stroke-width:1.5;opacity:.52}.gauge-tick.active{stroke:var(--g);opacity:1;filter:drop-shadow(0 0 4px rgba(166,237,22,.4))}.needle-wrap{position:absolute;left:50%;bottom:44px;width:5px;height:120px;transform:translateX(-50%) rotate(-68deg);transform-origin:50% 100%;transition:transform .85s cubic-bezier(.2,.85,.2,1);z-index:4}.needle-wrap i{display:block;width:5px;height:106px;background:linear-gradient(#f3f5f6 0 52%,var(--g) 52%);border-radius:4px;box-shadow:0 0 8px rgba(255,255,255,.12)}.needle-hub{position:absolute;width:20px;height:20px;border-radius:50%;background:#0b1015;border:3px solid var(--g);bottom:-7px;left:-7.5px;box-shadow:0 0 12px rgba(166,237,22,.28)}.pump-symbol{position:absolute;left:50%;top:84px;transform:translateX(-50%);font-size:37px;filter:grayscale(1) brightness(1.8);opacity:.95}.gauge-selected{position:absolute;left:0;right:0;bottom:2px}.gauge-selected strong{font-size:clamp(30px,3vw,42px);line-height:1}.gauge-selected strong::first-letter{}
.exp-days{padding:25px;text-align:center;display:flex;flex-direction:column;justify-content:center}.days-icon{color:var(--g);font-size:25px;margin-right:8px}.exp-days strong{font-size:clamp(48px,5vw,76px);line-height:.95;margin:18px 0 6px}.exp-days strong em{color:var(--g);font-style:normal;font-size:.48em}.exp-days>span{color:#b2bbc1;font-size:13px}
.selection{max-width:1280px;margin:18px auto 0;text-align:center}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.choices button{min-height:70px;padding:14px 8px;border:1px solid #343e47;border-radius:15px;background:linear-gradient(180deg,#0a1117,#050a0e);color:#fff;cursor:pointer;transition:all .25s ease}.choices button b{display:block;font-size:clamp(25px,2.2vw,35px);letter-spacing:.02em}.choices button.active{border-color:var(--g);box-shadow:0 0 0 1px var(--g) inset,0 0 26px rgba(166,237,22,.16);background:linear-gradient(180deg,#0d1809,#060c05);transform:translateY(-2px)}.choices button:focus-visible{outline:2px solid var(--g);outline-offset:3px}.cta{display:block;width:min(800px,100%);margin:17px auto 0;padding:19px;border:0;border-radius:14px;background:linear-gradient(90deg,#7fd000,var(--g));color:#081000;font-weight:950;font-size:clamp(17px,1.5vw,22px);letter-spacing:.025em;cursor:pointer;box-shadow:0 12px 32px rgba(125,208,0,.18);transition:transform .2s ease,filter .2s ease}.cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.secure{color:#aeb6bd;font-size:12px;margin:10px 0 0}.claim{text-align:center;color:#aeb6bd;font-size:13px;margin:7px 0 0}
.benefits{max-width:1550px;margin:24px auto 0;padding-top:18px;border-top:1px solid #20292f;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.benefits>div{padding:0 22px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:start}.benefits>div+div{border-left:1px solid #20292f}.benefits span{grid-row:1 / span 2;color:var(--g);font-size:32px;line-height:1}.benefit-icon{display:flex;align-items:flex-start;justify-content:center}.benefit-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(166,237,22,.22))}.benefits strong{font-size:15px}.benefits small{color:#aeb6bd;font-size:13px;line-height:1.35;margin-top:3px}
@media(max-width:1100px){.exp-top{grid-template-columns:180px 1fr 180px}.route-car{width:310px;height:112px}.fuel-panel{grid-template-columns:1fr 1.3fr 1fr}.fuel-total strong,.exp-days strong{font-size:48px}.fuel-gauge{height:250px}}
@media(max-width:900px){.sggo-expedition{width:calc(100vw - 20px) !important;margin-left:auto !important;margin-right:auto !important;border-radius:18px}.exp-shell{border-radius:18px;padding:20px 14px 26px}.exp-top{grid-template-columns:1fr;gap:8px}.brand{order:-1}.route-point,.route-point.end{justify-content:center;text-align:center}.route-pin{font-size:25px}.route-wrap{margin-top:18px}.route-car{left:33%;width:230px;height:90px;transform:translate(-50%,0)}.route-labels{font-size:11px}.fuel-panel{grid-template-columns:1fr}.fuel-total,.fuel-gauge-panel{border-right:0}.fuel-total{border-bottom:1px solid #29333b;padding:20px}.fuel-gauge-panel{border-bottom:1px solid #29333b;padding:16px 8px 8px}.exp-days{padding:20px}.choices{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr);row-gap:16px}.benefits>div:nth-child(3){border-left:0}.benefits>div{padding:0 12px}}
@media(max-width:520px){.brand-line{gap:7px}.fuel-icon{font-size:27px}.brand h2{font-size:31px}.brand p{font-size:13px;line-height:1.35}.campaign-name{font-size:9px;letter-spacing:.3em}.route-car{width:185px;height:72px}.route-labels span:nth-child(2),.route-labels span:nth-child(4){display:none}.route-labels{font-size:10px}.route-line{height:5px}.route-node{width:15px;height:15px}.fuel-total small,.gauge-title,.exp-days small{font-size:11px}.fuel-total strong{font-size:55px}.fuel-gauge{height:215px}.needle-wrap{height:100px;bottom:38px}.needle-wrap i{height:88px}.pump-symbol{top:61px;font-size:29px}.gauge-svg text{font-size:12px}.choices{gap:9px}.choices button{min-height:60px;padding:13px 5px}.choices button b{font-size:23px}.cta{padding:17px;font-size:17px}.benefits{grid-template-columns:1fr 1fr;gap:14px 0}.benefits>div{grid-template-columns:28px 1fr;padding:0 8px}.benefits span{font-size:23px}.benefit-icon svg{width:27px;height:27px}.benefits strong{font-size:11px}.benefits small{font-size:10px}.exp-days strong{font-size:53px}}
@media(prefers-reduced-motion:reduce){.route-progress,.route-car,.gauge-active,.needle-wrap,.fuel-total-bar i{transition:none!important}}

@media(max-width:900px){.exp-shell:after{height:300px;background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.80)),var(--sggo-bg-image-mobile,var(--sggo-bg-image,none));background-position:center top;}}

/* SGGO Expedition 0.8.0 visual revision */
.sggo-expedition{--g:#a6ed16;background:#000}
.sggo-expedition .exp-shell{padding-top:clamp(28px,3.4vw,52px);padding-bottom:clamp(26px,2.8vw,40px)}
.sggo-expedition .exp-shell:after{height:min(360px,34vw);background-size:cover;background-position:center top;background-repeat:no-repeat}
.sggo-expedition .exp-top,.sggo-expedition .route-wrap,.sggo-expedition .fuel-panel,.sggo-expedition .selection{position:relative;z-index:1}
.sggo-expedition .brand-line{gap:14px}
.sggo-expedition .brand h2{font-size:clamp(34px,4.3vw,64px);white-space:nowrap}
.sggo-expedition .brand h2 .title-first{color:#fff}
.sggo-expedition .brand h2 .title-rest{color:var(--g)}
.sggo-expedition .pump-svg{width:1.05em;height:1.05em;display:inline-block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;color:var(--g);vertical-align:middle;filter:drop-shadow(0 0 7px rgba(166,237,22,.28))}
.sggo-expedition .brand-line>.pump-svg{width:clamp(34px,3vw,50px);height:clamp(34px,3vw,50px);flex:0 0 auto}
.sggo-expedition .brand p{margin-top:11px;color:#fff;font-size:clamp(17px,1.5vw,23px);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sggo-expedition .campaign-name{display:none}
.sggo-expedition .route-car{width:min(330px,23vw);height:115px;bottom:calc(50% - 1px)}
.sggo-expedition .route-car img{filter:drop-shadow(0 8px 7px rgba(0,0,0,.75)) contrast(1.08) saturate(1.06)}
.sggo-expedition .fuel-panel{grid-template-columns:1fr 1.5fr 1fr;margin-top:4px}
.sggo-expedition .fuel-total{padding:28px 26px}
.sggo-expedition .fuel-total small{display:flex;align-items:center;justify-content:center;gap:8px;font-size:clamp(12px,1.05vw,15px);color:#fff}
.sggo-expedition .panel-icon{display:inline-flex;margin:0;color:var(--g)}
.sggo-expedition .panel-icon .pump-svg{width:28px;height:28px}
.sggo-expedition .fuel-total strong{margin:20px 0 14px}
.sggo-expedition .fuel-total-bar{margin-top:0}
.sggo-expedition .fuel-gauge-panel{padding-top:24px}
.sggo-expedition .gauge-title{font-size:clamp(14px,1.15vw,18px);font-weight:950;color:#fff;letter-spacing:.055em;line-height:1.2;text-transform:uppercase}
.sggo-expedition .gauge-title span{display:inline}
.sggo-expedition .fuel-gauge{height:285px}
.sggo-expedition .gauge-svg text{font-weight:800}
.sggo-expedition .gauge-label{fill:#d7dde1}
.sggo-expedition .gauge-zero{fill:#ff1728!important}
.sggo-expedition .gauge-full{fill:#fff}
.sggo-expedition .gauge-tick.active{stroke:var(--g);filter:drop-shadow(0 0 4px rgba(166,237,22,.38))}
.sggo-expedition .pump-symbol{top:83px}
.sggo-expedition .pump-symbol .pump-svg{width:42px;height:42px;color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.18))}
.sggo-expedition .gauge-selected strong{font-weight:950}
.sggo-expedition .exp-days{padding:28px 20px}
.sggo-expedition .days-only{display:flex;flex-direction:column;align-items:center;justify-content:center}
.sggo-expedition .exp-days strong{font-size:clamp(58px,5.2vw,82px);margin:0 0 8px}
.sggo-expedition .exp-days strong em{font-size:.48em}
.sggo-expedition .exp-days>span{font-size:14px}
.sggo-expedition .selection{max-width:1280px;margin-top:22px}
.sggo-expedition .choices{grid-template-columns:repeat(4,1fr);gap:14px}
.sggo-expedition .choices button{min-height:70px}
.sggo-expedition .cta{width:min(860px,100%);margin-top:18px;padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(18px,1.6vw,24px)}
.sggo-expedition .cta .pump-svg{width:30px;height:30px;color:#071000;filter:none}
.sggo-expedition .claim,.sggo-expedition .benefits{display:none!important}
@media(max-width:1100px){
 .sggo-expedition .route-car{width:280px;height:105px}
 .sggo-expedition .fuel-panel{grid-template-columns:1fr 1.35fr 1fr}
 .sggo-expedition .brand h2{font-size:clamp(30px,4vw,52px)}
}
@media(max-width:900px){
 .sggo-expedition .exp-shell{padding-top:24px}
 .sggo-expedition .exp-shell:after{height:300px;background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82)),var(--sggo-bg-image-mobile,var(--sggo-bg-image,none));background-size:cover;background-position:center top}
 .sggo-expedition .exp-top{grid-template-columns:1fr;gap:7px}
 .sggo-expedition .brand{order:-1}
 .sggo-expedition .brand h2{font-size:clamp(31px,8vw,44px)}
 .sggo-expedition .brand p{font-size:15px;margin-top:8px}
 .sggo-expedition .route-car{width:220px;height:88px;left:33%}
 .sggo-expedition .fuel-panel{grid-template-columns:1fr}
 .sggo-expedition .fuel-total,.sggo-expedition .fuel-gauge-panel{border-right:0}
 .sggo-expedition .fuel-total{border-bottom:1px solid #29333b}
 .sggo-expedition .fuel-gauge-panel{border-bottom:1px solid #29333b}
 .sggo-expedition .exp-days{min-height:180px}
 .sggo-expedition .selection{margin-top:18px}
}
@media(max-width:520px){
 .sggo-expedition .exp-shell{padding:18px 11px 24px;border-radius:18px}
 .sggo-expedition .exp-shell:after{height:285px;border-radius:17px 17px 0 0}
 .sggo-expedition .brand-line{gap:7px}
 .sggo-expedition .brand-line>.pump-svg{width:29px;height:29px}
 .sggo-expedition .brand h2{font-size:clamp(28px,9vw,36px)}
 .sggo-expedition .brand p{font-size:13px;letter-spacing:.05em}
 .sggo-expedition .route-wrap{margin-top:16px;margin-bottom:22px}
 .sggo-expedition .route-car{width:185px;height:72px}
 .sggo-expedition .fuel-total{padding:22px 14px}
 .sggo-expedition .fuel-total strong{font-size:52px}
 .sggo-expedition .fuel-gauge-panel{padding:18px 5px 7px}
 .sggo-expedition .gauge-title{font-size:12px;line-height:1.35}
 .sggo-expedition .gauge-title span{display:block}
 .sggo-expedition .fuel-gauge{height:220px}
 .sggo-expedition .pump-symbol{top:61px}
 .sggo-expedition .pump-symbol .pump-svg{width:31px;height:31px}
 .sggo-expedition .needle-wrap{height:100px;bottom:38px}
 .sggo-expedition .needle-wrap i{height:88px}
 .sggo-expedition .gauge-svg text{font-size:12px}
 .sggo-expedition .exp-days{min-height:155px;padding:20px}
 .sggo-expedition .exp-days strong{font-size:56px}
 .sggo-expedition .choices{gap:8px}
 .sggo-expedition .choices button{min-height:58px;padding:12px 4px;border-radius:12px}
 .sggo-expedition .choices button b{font-size:22px}
 .sggo-expedition .cta{margin-top:14px;padding:17px 12px;font-size:17px;border-radius:12px}
 .sggo-expedition .cta .pump-svg{width:25px;height:25px}
}

/* SGGO Expedition 0.8.1 — block layout, clearer route area and days artwork */
.sggo-expedition{
  width:min(1600px,calc(100vw - 48px));
  max-width:1600px;
  margin:28px auto 42px;
  border-radius:30px;
}
.sggo-expedition .exp-shell{
  min-height:0;
  padding-top:clamp(32px,3.6vw,58px);
  padding-bottom:clamp(52px,5vw,78px);
  border-radius:30px;
}
.sggo-expedition .exp-shell:after{
  height:min(430px,38vw);
  border-radius:29px 29px 0 0;
}
.sggo-expedition .exp-top{
  min-height:92px;
}
.sggo-expedition .brand-line{position:relative;z-index:2}
.sggo-expedition .brand p{margin-top:13px;font-size:clamp(18px,1.55vw,24px);font-weight:850}
.sggo-expedition .route-wrap{
  margin-top:clamp(48px,5vw,72px);
  margin-bottom:34px;
  padding-top:4px;
}
.sggo-expedition .route-car{
  width:min(270px,19vw);
  height:100px;
  bottom:calc(50% - 1px);
  z-index:4;
}
.sggo-expedition .route-line{height:6px}
.sggo-expedition .fuel-panel{
  margin-top:8px;
  border-radius:22px;
  min-height:310px;
}
.sggo-expedition .fuel-total,.sggo-expedition .fuel-gauge-panel,.sggo-expedition .exp-days{padding-top:32px;padding-bottom:32px}
.sggo-expedition .exp-days{position:relative;overflow:hidden}
.sggo-expedition .days-watermark{
  position:absolute;right:28px;top:50%;width:min(180px,32%);height:min(180px,70%);
  transform:translateY(-50%);opacity:.08;color:#fff;pointer-events:none;z-index:0;
}
.sggo-expedition .days-watermark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sggo-expedition .days-only{position:relative;z-index:1}
.sggo-expedition .days-icon-inline{display:none}
.sggo-expedition .selection{
  max-width:1120px;
  margin-top:28px;
}
.sggo-expedition .choices button{min-height:74px}
.sggo-expedition .cta{margin-top:20px;min-height:66px}
@media(max-width:1100px){
  .sggo-expedition{width:min(100% - 28px,1600px);margin:20px auto 34px}
  .sggo-expedition .route-wrap{margin-top:46px}
  .sggo-expedition .route-car{width:240px;height:92px}
}
@media(max-width:900px){
  .sggo-expedition{width:calc(100% - 20px);margin:14px auto 28px;border-radius:20px}
  .sggo-expedition .exp-shell{border-radius:20px;padding-bottom:42px}
  .sggo-expedition .exp-shell:after{height:360px;border-radius:19px 19px 0 0}
  .sggo-expedition .exp-top{min-height:0}
  .sggo-expedition .route-wrap{margin-top:34px;margin-bottom:24px}
  .sggo-expedition .route-car{left:50%;width:210px;height:84px}
  .sggo-expedition .fuel-panel{min-height:0;border-radius:18px}
  .sggo-expedition .days-watermark{width:130px;height:130px;right:18px}
  .sggo-expedition .selection{margin-top:20px}
}
@media(max-width:520px){
  .sggo-expedition{width:calc(100% - 12px);margin:8px auto 20px;border-radius:16px}
  .sggo-expedition .exp-shell{padding:20px 11px 34px;border-radius:16px}
  .sggo-expedition .exp-shell:after{height:320px;border-radius:15px 15px 0 0}
  .sggo-expedition .route-wrap{margin-top:26px;margin-bottom:20px}
  .sggo-expedition .route-car{width:175px;height:68px;left:50%}
  .sggo-expedition .days-watermark{width:90px;height:90px;right:10px;opacity:.06}
  .sggo-expedition .exp-days strong{font-size:53px}
  .sggo-expedition .selection{margin-top:16px}
  .sggo-expedition .choices button{min-height:60px}
  .sggo-expedition .cta{min-height:58px;margin-top:14px}
}
/* SGGO Expedition 0.8.5 — viewport breakout fix for SiteOrigin/theme columns */
.sggo-expedition{
  width:min(1600px, calc(100vw - 48px)) !important;
  max-width:min(1600px, calc(100vw - 48px)) !important;
  margin:28px auto 52px !important;
  display:block !important;
  position:relative;
  left:auto !important;
  right:auto !important;
  float:none !important;
  clear:both !important;
}
.sggo-expedition .exp-shell{
  width:100% !important;
  max-width:none !important;
  overflow:hidden;
  padding-top:clamp(38px,4.4vw,68px);
  padding-bottom:clamp(58px,5vw,82px);
}
.sggo-expedition .exp-top{
  min-height:110px;
}
.sggo-expedition .brand-line{position:relative;z-index:3}
.sggo-expedition .brand h2{white-space:nowrap}
.sggo-expedition .brand p{font-size:clamp(19px,1.65vw,25px);margin-top:14px}
.sggo-expedition .route-wrap{
  margin-top:clamp(64px,6vw,88px) !important;
  margin-bottom:38px !important;
  padding-top:0;
}
.sggo-expedition .route-line{height:6px}
.sggo-expedition .route-car{
  width:min(270px,18vw) !important;
  height:96px !important;
  bottom:calc(50% - 2px) !important;
  z-index:5;
}
.sggo-expedition .route-car img{object-fit:contain;object-position:center bottom}
.sggo-expedition .route-labels{margin-top:17px}
.sggo-expedition .fuel-panel{margin-top:0 !important}
.sggo-expedition .exp-days{min-height:310px}
.sggo-expedition .days-watermark{width:min(190px,42%);height:min(190px,72%);right:24px;opacity:.085}
.sggo-expedition .selection{margin-top:28px}
.sggo-expedition .cta{margin-top:20px}

/* SiteOrigin / page-builder wrappers sometimes constrain the widget to a column. */
@media(min-width:901px){.sggo-expedition.sggo-expedition-wide{width:min(1600px,calc(100vw - 32px)) !important;}}

@media(max-width:900px){
  .sggo-expedition{
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    margin:16px auto 30px !important;
  }
  .sggo-expedition .exp-shell{
    padding:28px 14px 42px;
    border-radius:20px;
  }
  .sggo-expedition .exp-top{
    display:grid !important;
    grid-template-columns:1fr 1.4fr 1fr !important;
    align-items:start;
    gap:10px;
    min-height:0;
  }
  .sggo-expedition .brand{order:0}
  .sggo-expedition .brand h2{
    white-space:normal;
    font-size:clamp(28px,6vw,44px);
    line-height:.98;
  }
  .sggo-expedition .brand p{font-size:14px;margin-top:9px}
  .sggo-expedition .route-point b{font-size:14px}
  .sggo-expedition .route-point small{font-size:9px}
  .sggo-expedition .route-pin{font-size:20px}
  .sggo-expedition .route-wrap{
    margin-top:clamp(38px,6vw,56px) !important;
    margin-bottom:28px !important;
  }
  .sggo-expedition .route-car{width:190px !important;height:78px !important;left:50%;}
  .sggo-expedition .fuel-panel{grid-template-columns:1fr !important}
  .sggo-expedition .fuel-total,.sggo-expedition .fuel-gauge-panel{border-right:0}
  .sggo-expedition .fuel-total{border-bottom:1px solid #29333b}
  .sggo-expedition .fuel-gauge-panel{border-bottom:1px solid #29333b}
  .sggo-expedition .exp-days{min-height:180px}
  .sggo-expedition .days-watermark{width:125px;height:125px;right:16px}
}

@media(max-width:620px){
  .sggo-expedition{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    margin:8px auto 22px !important;
  }
  .sggo-expedition .exp-shell{padding:22px 10px 34px;border-radius:17px}
  .sggo-expedition .exp-top{
    grid-template-columns:1fr !important;
    gap:5px;
    text-align:center;
  }
  .sggo-expedition .brand{order:-1}
  .sggo-expedition .brand-line{gap:8px}
  .sggo-expedition .brand-line>.pump-svg{width:30px;height:30px}
  .sggo-expedition .brand h2{font-size:clamp(27px,9vw,37px);line-height:1}
  .sggo-expedition .brand p{font-size:13px;letter-spacing:.06em}
  .sggo-expedition .route-point,
  .sggo-expedition .route-point.end{justify-content:center;text-align:center}
  .sggo-expedition .route-point b{font-size:15px}
  .sggo-expedition .route-point small{font-size:9px}
  .sggo-expedition .route-wrap{
    margin-top:28px !important;
    margin-bottom:20px !important;
  }
  .sggo-expedition .route-line{height:5px}
  .sggo-expedition .route-car{width:165px !important;height:68px !important;left:50%}
  .sggo-expedition .route-labels{font-size:9px;margin-top:12px}
  .sggo-expedition .route-labels span:nth-child(2),
  .sggo-expedition .route-labels span:nth-child(4){display:none}
  .sggo-expedition .fuel-total{padding:25px 12px}
  .sggo-expedition .fuel-total strong{font-size:55px}
  .sggo-expedition .fuel-gauge-panel{padding:18px 5px 8px}
  .sggo-expedition .fuel-gauge{height:225px}
  .sggo-expedition .gauge-title{font-size:12px;line-height:1.3}
  .sggo-expedition .gauge-title span{display:block}
  .sggo-expedition .pump-symbol{top:62px}
  .sggo-expedition .exp-days{min-height:165px;padding:20px}
  .sggo-expedition .days-watermark{width:92px;height:92px;right:8px}
  .sggo-expedition .exp-days strong{font-size:55px}
  .sggo-expedition .selection{margin-top:17px}
  .sggo-expedition .choices{gap:8px}
  .sggo-expedition .choices button{min-height:58px;padding:11px 4px}
  .sggo-expedition .choices button b{font-size:22px}
  .sggo-expedition .cta{min-height:58px;margin-top:14px;padding:16px 10px;font-size:17px}
}

/* SGGO Expedition 0.8.6 — final visual refinements */
.sggo-expedition .brand h2,
.sggo-expedition .brand h2 .title-first,
.sggo-expedition .brand h2 .title-rest{
  font-style:normal !important;
}
.sggo-expedition .brand h2 .title-first{color:#fff !important;background:none !important;-webkit-text-fill-color:#fff}
.sggo-expedition .brand h2 .title-rest{color:var(--g) !important;background:none !important;-webkit-text-fill-color:var(--g)}
.sggo-expedition .pump-svg{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sggo-expedition .fuel-total small{font-size:clamp(14px,1.15vw,17px);font-weight:900}
.sggo-expedition .fuel-total .panel-icon .pump-svg{width:32px;height:32px;stroke-width:3.4;filter:drop-shadow(0 0 5px rgba(166,237,22,.22))}
.sggo-expedition .fuel-total strong{margin:18px 0 0}
.sggo-expedition .fuel-total-bar{display:none !important}
.sggo-expedition .route-flag{width:20px;height:auto;max-height:14px;object-fit:contain;vertical-align:-1px;margin-left:4px;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sggo-expedition .secure{margin:10px 0 0;color:#aeb6bd;font-size:12px;text-align:center;line-height:1.35}
.sggo-expedition .secure-lock{color:var(--g);font-weight:900;margin-right:3px}
.sggo-expedition .exp-days{position:relative;overflow:hidden;padding:0 26px}
.sggo-expedition .days-widget{position:relative;width:min(310px,100%);min-height:190px;margin:0 auto;display:grid;grid-template-columns:96px 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:10px}
.sggo-expedition .days-arc{grid-column:1;grid-row:1 / span 2;width:92px;height:142px;border:8px solid var(--g);border-right-color:transparent;border-bottom-color:transparent;border-radius:100% 0 0 100%;transform:rotate(-42deg);transform-origin:center;filter:drop-shadow(0 0 7px rgba(166,237,22,.28));display:block}
.sggo-expedition .days-calendar{grid-column:1;grid-row:1;align-self:center;justify-self:center;color:var(--g);width:38px;height:38px;filter:drop-shadow(0 0 5px rgba(166,237,22,.24));z-index:2}
.sggo-expedition .days-calendar svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sggo-expedition .days-widget strong{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:clamp(54px,5.2vw,82px);line-height:.86;white-space:nowrap;text-align:left}
.sggo-expedition .days-widget strong em{color:var(--g);font-style:normal;font-size:.46em;vertical-align:12%;margin-left:3px}
.sggo-expedition .days-widget>span:last-child{grid-column:2;grid-row:2;color:#b2bbc1;font-size:13px;text-align:left;margin-top:5px}
.sggo-expedition .days-watermark,.sggo-expedition .days-only{display:none !important}
.sggo-expedition .gauge-svg .gauge-zero,
.sggo-expedition .gauge-svg .gauge-quarter,
.sggo-expedition .gauge-svg .gauge-half,
.sggo-expedition .gauge-svg .gauge-threequarter,
.sggo-expedition .gauge-svg .gauge-full{fill:#f4f7f8;font-size:15px;font-weight:850}
.sggo-expedition .gauge-svg .gauge-zero{fill:var(--red)}
.sggo-expedition .gauge-svg .gauge-half{fill:#fff}
.sggo-expedition .gauge-selected strong{font-size:clamp(30px,3vw,42px)}

@media(max-width:900px){
  .sggo-expedition .days-widget{min-height:190px}
}
@media(max-width:620px){
  .sggo-expedition .fuel-total small{font-size:13px}
  .sggo-expedition .fuel-total .panel-icon .pump-svg{width:30px;height:30px}
  .sggo-expedition .days-widget{width:min(290px,100%);min-height:170px;grid-template-columns:82px 1fr;column-gap:8px}
  .sggo-expedition .days-arc{width:78px;height:122px;border-width:7px}
  .sggo-expedition .days-calendar{width:34px;height:34px}
  .sggo-expedition .days-widget strong{font-size:55px}
  .sggo-expedition .days-widget>span:last-child{font-size:12px}
  .sggo-expedition .secure{font-size:11px}
}


/* SGGO Expedition 0.8.7 — verified final overrides */
.sggo-expedition .brand h2,
.sggo-expedition .brand h2 span,
.sggo-expedition .brand h2 .title-first,
.sggo-expedition .brand h2 .title-rest{
  font-style:normal !important;
  transform:none !important;
}
.sggo-expedition .brand h2 .title-first{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;}
.sggo-expedition .brand h2 .title-rest{color:var(--g) !important;-webkit-text-fill-color:var(--g) !important;background:none !important;}
.sggo-expedition .fuel-total small{font-size:clamp(15px,1.2vw,18px) !important;font-weight:900 !important;}
.sggo-expedition .fuel-total .panel-icon .pump-svg{width:34px !important;height:34px !important;stroke-width:3.6 !important;color:var(--g) !important;}
.sggo-expedition .fuel-total-bar{display:none !important;}
.sggo-expedition .secure{display:block !important;color:#aeb6bd !important;font-size:13px !important;margin:10px 0 0 !important;text-align:center !important;}
.sggo-expedition .secure-lock{color:var(--g) !important;}
.sggo-expedition .days-widget{width:min(330px,100%) !important;min-height:205px !important;margin:0 auto !important;display:grid !important;grid-template-columns:105px 1fr !important;grid-template-rows:1fr auto !important;align-items:center !important;column-gap:10px !important;}
.sggo-expedition .days-arc{grid-column:1 !important;grid-row:1 / span 2 !important;width:98px !important;height:150px !important;border:8px solid var(--g) !important;border-right-color:transparent !important;border-bottom-color:transparent !important;border-radius:100% 0 0 100% !important;transform:rotate(-42deg) !important;filter:drop-shadow(0 0 8px rgba(166,237,22,.30)) !important;}
.sggo-expedition .days-calendar{grid-column:1 !important;grid-row:1 !important;width:42px !important;height:42px !important;color:var(--g) !important;justify-self:center !important;align-self:center !important;z-index:2 !important;}
.sggo-expedition .days-widget strong{grid-column:2 !important;grid-row:1 !important;align-self:end !important;margin:0 !important;font-size:clamp(56px,5.3vw,84px) !important;line-height:.86 !important;white-space:nowrap !important;text-align:left !important;}
.sggo-expedition .days-widget strong em{color:var(--g) !important;font-style:normal !important;font-size:.46em !important;vertical-align:12% !important;margin-left:3px !important;}
.sggo-expedition .days-widget>span:last-child{grid-column:2 !important;grid-row:2 !important;color:#b2bbc1 !important;font-size:13px !important;text-align:left !important;margin-top:5px !important;}
.sggo-expedition .days-watermark,.sggo-expedition .days-only{display:none !important;}
@media(max-width:620px){
 .sggo-expedition .fuel-total .panel-icon .pump-svg{width:31px !important;height:31px !important;}
 .sggo-expedition .fuel-total small{font-size:13px !important;}
 .sggo-expedition .days-widget{width:min(300px,100%) !important;min-height:180px !important;grid-template-columns:88px 1fr !important;column-gap:8px !important;}
 .sggo-expedition .days-arc{width:82px !important;height:128px !important;border-width:7px !important;}
 .sggo-expedition .days-calendar{width:36px !important;height:36px !important;}
 .sggo-expedition .days-widget strong{font-size:58px !important;}
 .sggo-expedition .days-widget>span:last-child{font-size:12px !important;}
}


/* SGGO Expedition 0.8.8 — days counter arc corrected to approved reference */
.sggo-expedition .days-widget{
  width:min(360px,100%) !important;
  min-height:180px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:150px 1fr !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  column-gap:2px !important;
}
.sggo-expedition .days-arc{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:142px !important;
  height:142px !important;
  border:7px solid var(--g) !important;
  border-right-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:50% !important;
  transform:none !important;
  transform-origin:center !important;
  filter:drop-shadow(0 0 7px rgba(166,237,22,.32)) !important;
  display:block !important;
  justify-self:center !important;
  align-self:center !important;
}
.sggo-expedition .days-calendar{
  grid-column:1 !important;
  grid-row:1 !important;
  width:40px !important;
  height:40px !important;
  color:var(--g) !important;
  justify-self:center !important;
  align-self:center !important;
  transform:translate(0,2px) !important;
  z-index:2 !important;
  filter:drop-shadow(0 0 5px rgba(166,237,22,.24)) !important;
}
.sggo-expedition .days-widget strong{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:end !important;
  margin:0 !important;
  font-size:clamp(58px,5.2vw,82px) !important;
  line-height:.88 !important;
  white-space:nowrap !important;
  text-align:left !important;
}
.sggo-expedition .days-widget strong em{
  color:var(--g) !important;
  font-style:normal !important;
  font-size:.46em !important;
  vertical-align:12% !important;
  margin-left:4px !important;
}
.sggo-expedition .days-widget>span:last-child{
  grid-column:2 !important;
  grid-row:2 !important;
  color:#b9c0c5 !important;
  font-size:13px !important;
  text-align:left !important;
  margin-top:6px !important;
}
@media(max-width:620px){
  .sggo-expedition .days-widget{
    width:min(315px,100%) !important;
    min-height:165px !important;
    grid-template-columns:128px 1fr !important;
    column-gap:0 !important;
  }
  .sggo-expedition .days-arc{
    width:122px !important;
    height:122px !important;
    border-width:7px !important;
  }
  .sggo-expedition .days-calendar{
    width:35px !important;
    height:35px !important;
  }
  .sggo-expedition .days-widget strong{font-size:56px !important;}
  .sggo-expedition .days-widget>span:last-child{font-size:12px !important;}
}


/* SGGO Expedition 0.8.9 — flag and calendar icon sizing */
.sggo-expedition .route-flag{
  width:27px !important;
  height:19px !important;
  max-height:none !important;
  object-fit:contain !important;
  vertical-align:-3px !important;
  margin-left:6px !important;
  border-radius:2px !important;
}
.sggo-expedition .days-calendar{
  width:52px !important;
  height:52px !important;
}
.sggo-expedition .days-calendar svg{
  width:100% !important;
  height:100% !important;
}
@media(max-width:620px){
  .sggo-expedition .route-flag{width:23px !important;height:16px !important;vertical-align:-2px !important;margin-left:5px !important;}
  .sggo-expedition .days-calendar{width:45px !important;height:45px !important;}
}

/* SGGO Expedition 0.9.0 — realistic fuel gauge zones */
.sggo-expedition .gauge-base{
  stroke:url(#sggoGaugeScale) !important;
  stroke-width:11 !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(166,237,22,.12));
}
.sggo-expedition .gauge-active{
  stroke:#b9f52a !important;
  stroke-width:5 !important;
  opacity:.82 !important;
  filter:drop-shadow(0 0 6px rgba(166,237,22,.48));
  transition:stroke-dasharray .9s cubic-bezier(.2,.85,.2,1);
}
.sggo-expedition .gauge-tick{
  transition:stroke .55s ease,opacity .55s ease,filter .55s ease;
}
.sggo-expedition .gauge-tick.zone-empty{stroke:#ff1728 !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.zone-quarter{stroke:#ff8a00 !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.zone-full{stroke:#a6ed16 !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.minor{opacity:.68 !important;}
.sggo-expedition .gauge-label{font-weight:850 !important;}
.sggo-expedition .gauge-zero{fill:#ff1728 !important;}
.sggo-expedition .gauge-quarter{fill:#f2f4f5 !important;}
.sggo-expedition .gauge-half{fill:#f2f4f5 !important;}
.sggo-expedition .gauge-threequarter{fill:#f2f4f5 !important;}
.sggo-expedition .gauge-full{fill:#f2f4f5 !important;}


/* SGGO Expedition 0.9.2 — fuel gauge color reveal
   The scale stays neutral gray until a fuel tile is selected.
   Once selected, the colored arc is revealed progressively from E to the
   selected level: red -> orange/yellow -> green, matching the reference. */
.sggo-expedition .gauge-base{
  stroke:#59636b !important;
  opacity:.72 !important;
}
.sggo-expedition .gauge-active{
  stroke:url(#sggoGaugeActive) !important;
  stroke-width:11 !important;
  stroke-linecap:round !important;
  stroke-dasharray:0 100;
  transition:stroke-dasharray .85s cubic-bezier(.2,.85,.2,1),filter .35s ease;
  filter:drop-shadow(0 0 7px rgba(255,151,0,.18));
}
.sggo-expedition .gauge-tick{
  stroke:#e8edf0 !important;
  opacity:.9 !important;
  transition:stroke .55s ease,opacity .55s ease,filter .55s ease;
}
.sggo-expedition .gauge-tick.minor{stroke:#9ca6ad !important;opacity:.55 !important}
.sggo-expedition .gauge-tick.active{opacity:1 !important}
.sggo-expedition .gauge-tick.active.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-tick.active.zone-orange{stroke:#ff8a00 !important}
.sggo-expedition .gauge-tick.active.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-tick.active.zone-green{stroke:#74df00 !important}
.sggo-expedition .gauge-tick.active.minor{opacity:.92 !important}
.sggo-expedition .gauge-label{font-weight:850 !important}
.sggo-expedition .gauge-zero{fill:#ff1728 !important}
.sggo-expedition .gauge-full{fill:#65d900 !important}


/* SGGO Expedition 0.9.2 — animated fuel-scale reveal
   Neutral scale at 0 L. After selecting a tile, color is revealed from E
   toward the selected level; the tick marks follow the same reveal. */
.sggo-expedition .gauge-base{
  stroke:#59636b !important;
  stroke-width:11 !important;
  opacity:.72 !important;
  filter:none !important;
}
.sggo-expedition .gauge-active{
  stroke:url(#sggoGaugeActive) !important;
  stroke-width:11 !important;
  stroke-linecap:round !important;
  stroke-dasharray:0 100;
  filter:drop-shadow(0 0 7px rgba(166,237,22,.32));
  transition:stroke-dasharray .9s cubic-bezier(.2,.85,.2,1),filter .35s ease;
}
.sggo-expedition .gauge-tick{
  stroke:#e8edf0 !important;
  opacity:.88 !important;
  transition:stroke .28s ease,opacity .28s ease,filter .28s ease;
}
.sggo-expedition .gauge-tick.minor{stroke:#9ca6ad !important;opacity:.52 !important}
.sggo-expedition .gauge-tick.active{
  opacity:1 !important;
  animation:sggoFuelTickReveal .34s ease both;
  animation-delay:var(--tick-delay,0s);
}
.sggo-expedition .gauge-tick.active.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-tick.active.zone-orange{stroke:#ff7a00 !important}
.sggo-expedition .gauge-tick.active.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-tick.active.zone-green{stroke:#74df00 !important}
.sggo-expedition .gauge-tick.active.minor{opacity:.94 !important}
@keyframes sggoFuelTickReveal{
  0%{opacity:.15;filter:none}
  60%{opacity:1;filter:drop-shadow(0 0 6px rgba(166,237,22,.45))}
  100%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .sggo-expedition .gauge-tick.active{animation:none!important}
}


/* SGGO Expedition 0.9.3 — precise fuel gauge geometry and progressive colour reveal */
.sggo-expedition .gauge-base{
  stroke:#606a72 !important;
  opacity:.78 !important;
}
.sggo-expedition .gauge-active{
  stroke:url(#sggoGaugeActive) !important;
  stroke-width:11 !important;
  stroke-linecap:round !important;
  stroke-dasharray:0 100;
  opacity:0;
  filter:drop-shadow(0 0 7px rgba(166,237,22,.30));
  transition:stroke-dasharray .95s cubic-bezier(.2,.85,.2,1),opacity .15s ease;
}
.sggo-expedition .gauge-tick{
  stroke:#e9edf0 !important;
  opacity:.48 !important;
  transition:stroke .75s ease,opacity .45s ease,filter .45s ease;
}
.sggo-expedition .gauge-tick.minor{
  stroke:#aab2b8 !important;
  opacity:.34 !important;
}
.sggo-expedition .gauge-tick.active{opacity:1 !important}
.sggo-expedition .gauge-tick.active.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-tick.active.zone-orange{stroke:#ff8a00 !important}
.sggo-expedition .gauge-tick.active.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-tick.active.zone-green{stroke:#74df00 !important}
.sggo-expedition .gauge-label{
  fill:#eef2f4 !important;
  font-weight:850 !important;
  font-size:15px !important;
}
.sggo-expedition .gauge-zero{fill:#ff1728 !important}
.sggo-expedition .gauge-full{fill:#74df00 !important}
.sggo-expedition .gauge-half,.sggo-expedition .gauge-quarter,.sggo-expedition .gauge-threequarter{fill:#eef2f4 !important}
@media(max-width:520px){
 .sggo-expedition .gauge-label{font-size:12px !important}
}


/* SGGO Expedition 0.9.4 — exact fuel gauge colour zones.
   The base arc and inactive ticks stay neutral. Colour is revealed only
   through the selected percentage, with hard boundaries at 1/4, 1/2 and 3/4. */
.sggo-expedition .gauge-base{
  stroke:#68727a !important;
  fill:none !important;
}
.sggo-expedition .gauge-active-part{
  fill:none !important;
  stroke-width:8 !important;
  stroke-linecap:round !important;
  vector-effect:non-scaling-stroke;
  opacity:0;
  transition:stroke-dasharray .72s cubic-bezier(.22,.8,.22,1),opacity .18s ease;
}
.sggo-expedition .gauge-active-part.zone-red{stroke:#ff1728 !important;}
.sggo-expedition .gauge-active-part.zone-orange{stroke:#ff8a00 !important;}
.sggo-expedition .gauge-active-part.zone-yellow{stroke:#ffd21a !important;}
.sggo-expedition .gauge-active-part.zone-green{stroke:#69d500 !important;}
.sggo-expedition .gauge-tick{
  stroke:#8d979e !important;
  opacity:.55 !important;
  transition:stroke .5s ease, opacity .35s ease, filter .35s ease;
}
.sggo-expedition .gauge-tick.active.zone-red{stroke:#ff1728 !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.active.zone-orange{stroke:#ff8a00 !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.active.zone-yellow{stroke:#ffd21a !important;opacity:1 !important;}
.sggo-expedition .gauge-tick.active.zone-green{stroke:#69d500 !important;opacity:1 !important;}
.sggo-expedition .gauge-zero{fill:#ff1728 !important;}
.sggo-expedition .gauge-full{fill:#69d500 !important;}
@media(prefers-reduced-motion:reduce){
  .sggo-expedition .gauge-active-part,.sggo-expedition .gauge-tick{transition:none!important;}
}

/* SGGO Expedition 0.10.0 — mobile gauge stability and exact zone colours */
.sggo-expedition .gauge-svg{display:block;width:100%;height:100%;overflow:visible;preserveAspectRatio:xMidYMid meet}
.sggo-expedition .gauge-active-part{stroke-width:11px !important;stroke-linecap:round !important;fill:none !important;vector-effect:non-scaling-stroke !important}
.sggo-expedition .gauge-active-part.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-active-part.zone-orange{stroke:#ff8a00 !important}
.sggo-expedition .gauge-active-part.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-active-part.zone-green{stroke:#69d500 !important}
.sggo-expedition .gauge-tick.active.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-tick.active.zone-orange{stroke:#ff8a00 !important}
.sggo-expedition .gauge-tick.active.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-tick.active.zone-green{stroke:#69d500 !important}
.sggo-expedition .gauge-tick.inactive{stroke:#8d979e !important;opacity:.55 !important;filter:none !important}
@media(max-width:620px){
  .sggo-expedition .fuel-gauge-panel{overflow:hidden}
  .sggo-expedition .fuel-gauge{height:auto;aspect-ratio:520 / 285;max-width:520px;width:100%;margin:2px auto 0;overflow:visible}
  .sggo-expedition .gauge-svg{position:absolute;inset:0;width:100%;height:100%}
  .sggo-expedition .pump-symbol{top:25%;}
  .sggo-expedition .gauge-selected{bottom:1.5%;}
  .sggo-expedition .needle-wrap{bottom:15.5%;height:38%;}
  .sggo-expedition .needle-wrap i{height:88%;}
  .sggo-expedition .gauge-label{font-size:13px !important;font-weight:900 !important}
}


/* SGGO Expedition 0.10.0 — mobile gauge layout correction
   Keep the 1/2 label clear of the pump icon and move the selected litres
   below the gauge/needle. Desktop layout is intentionally untouched. */
@media (max-width: 620px){
  .sggo-expedition .fuel-gauge-panel{
    overflow:visible !important;
    padding:18px 6px 12px !important;
  }
  .sggo-expedition .fuel-gauge{
    height:330px !important;
    width:100% !important;
    max-width:520px !important;
    aspect-ratio:auto !important;
    margin:6px auto 0 !important;
    overflow:visible !important;
    position:relative !important;
  }
  .sggo-expedition .gauge-svg{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:auto !important;
    display:block !important;
    overflow:visible !important;
  }
  /* The pump belongs below the 1/2 label, never over it. */
  .sggo-expedition .pump-symbol{
    top:106px !important;
    z-index:5 !important;
  }
  .sggo-expedition .pump-symbol .pump-svg{
    width:34px !important;
    height:34px !important;
  }
  /* Needle/hub sit in the lower part of the dial. */
  .sggo-expedition .needle-wrap{
    bottom:54px !important;
    height:108px !important;
    z-index:6 !important;
  }
  .sggo-expedition .needle-wrap i{
    height:94px !important;
  }
  /* Selected litres are a separate line below the gauge, not on top of it. */
  .sggo-expedition .gauge-selected{
    left:0 !important;
    right:0 !important;
    bottom:4px !important;
    z-index:8 !important;
    text-align:center !important;
  }
  .sggo-expedition .gauge-selected strong{
    font-size:42px !important;
    line-height:1 !important;
    display:inline-block !important;
    white-space:nowrap !important;
  }
  .sggo-expedition .gauge-label{
    font-size:12px !important;
  }
  .sggo-expedition .gauge-tick{
    vector-effect:non-scaling-stroke !important;
  }
  .sggo-expedition .selection{
    margin-top:18px !important;
  }
}
@media (max-width: 380px){
  .sggo-expedition .fuel-gauge{height:315px !important;}
  .sggo-expedition .pump-symbol{top:99px !important;}
  .sggo-expedition .needle-wrap{bottom:50px !important;height:98px !important;}
  .sggo-expedition .gauge-selected strong{font-size:38px !important;}
}


/* SGGO Expedition 0.10.0 — responsive gauge rebuild.
   The gauge is treated as one visual unit on mobile: SVG, pump, needle and
   selected litres share the same fixed coordinate space. Desktop is left intact. */
@media (max-width: 620px){
  .sggo-expedition .fuel-gauge-panel{
    padding:18px 8px 16px !important;
    overflow:hidden !important;
  }
  .sggo-expedition .gauge-title{
    position:relative !important;
    z-index:20 !important;
    margin:0 auto 4px !important;
    line-height:1.18 !important;
    max-width:300px !important;
  }
  .sggo-expedition .fuel-gauge{
    width:min(100%,520px) !important;
    height:auto !important;
    aspect-ratio:520 / 360 !important;
    margin:0 auto !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .sggo-expedition .gauge-svg{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:520 / 285 !important;
    display:block !important;
    overflow:visible !important;
  }
  /* The pump is below the 1/2 marker and remains inside the gauge unit. */
  .sggo-expedition .pump-symbol{
    left:50% !important;
    top:34% !important;
    transform:translate(-50%,-50%) !important;
    z-index:7 !important;
    line-height:0 !important;
  }
  .sggo-expedition .pump-symbol svg,
  .sggo-expedition .pump-symbol .pump-svg{
    width:32px !important;
    height:32px !important;
  }
  /* Hub is aligned with the SVG's real centre (260,235), not the box centre. */
  .sggo-expedition .needle-wrap{
    left:50% !important;
    top:65.28% !important;
    bottom:auto !important;
    width:5px !important;
    height:110px !important;
    transform:translate(-50%,-100%) rotate(-90deg) !important;
    transform-origin:50% 100% !important;
    z-index:8 !important;
  }
  .sggo-expedition .needle-wrap i{height:96px !important;width:5px !important}
  .sggo-expedition .needle-hub{width:20px !important;height:20px !important;bottom:-7px !important}
  /* Litres sit in their own lower area, never on top of the arc. */
  .sggo-expedition .gauge-selected{
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:28px !important;
    text-align:center !important;
    z-index:12 !important;
  }
  .sggo-expedition .gauge-selected strong{
    display:inline-block !important;
    font-size:42px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  .sggo-expedition .gauge-label{font-size:12px !important}
  .sggo-expedition .fuel-gauge-panel{min-height:0 !important}
  .sggo-expedition .selection{margin-top:18px !important}
}
@media (max-width:380px){
  .sggo-expedition .gauge-selected strong{font-size:38px !important}
  .sggo-expedition .pump-symbol{top:35% !important}
}


/* SGGO Expedition 0.10.1 — definitive fuel gauge geometry/color fix */
.sggo-expedition .needle-wrap{
  --needle-angle:-90deg;
  transform:translateX(-50%) rotate(var(--needle-angle)) !important;
  transform-origin:50% 100% !important;
}
.sggo-expedition .gauge-active-part{
  stroke-dasharray:0 100 !important;
  stroke-linecap:round !important;
  vector-effect:non-scaling-stroke !important;
  transition:stroke-dasharray .72s cubic-bezier(.22,.8,.22,1),opacity .2s ease !important;
}
.sggo-expedition .gauge-active-part.zone-red{stroke:#ff1728 !important}
.sggo-expedition .gauge-active-part.zone-orange{stroke:#ff8a00 !important}
.sggo-expedition .gauge-active-part.zone-yellow{stroke:#ffd21a !important}
.sggo-expedition .gauge-active-part.zone-green{stroke:#69d500 !important}

@media(max-width:620px){
  .sggo-expedition .needle-wrap{
    left:50% !important;
    top:65.28% !important;
    bottom:auto !important;
    transform:translate(-50%,-100%) rotate(var(--needle-angle)) !important;
    transform-origin:50% 100% !important;
  }
}


/* SGGO Expedition 0.10.2 — exact quarter arc rendering.
   The colored arc is four physical SVG quarter paths, so color transitions
   occur exactly at E / 1/4 / 1/2 / 3/4 / FULL without marker dots. */
.sggo-expedition .gauge-base{
  stroke:#606a72 !important;
  stroke-width:11px !important;
  stroke-linecap:round !important;
  fill:none !important;
  opacity:.75 !important;
}
.sggo-expedition .gauge-active{
  filter:drop-shadow(0 0 7px rgba(166,237,22,.28)) !important;
}
.sggo-expedition .gauge-active-part{
  stroke-width:11px !important;
  stroke-linecap:butt !important;
  fill:none !important;
  vector-effect:non-scaling-stroke !important;
  stroke-dashoffset:0 !important;
  transition:stroke-dasharray .65s cubic-bezier(.2,.85,.2,1),opacity .25s ease !important;
}
.sggo-expedition .gauge-active-part.zone-red{stroke:#ff1728 !important;}
.sggo-expedition .gauge-active-part.zone-orange{stroke:#ff8a00 !important;}
.sggo-expedition .gauge-active-part.zone-yellow{stroke:#ffd21a !important;}
.sggo-expedition .gauge-active-part.zone-green{stroke:#69d500 !important;}
.sggo-expedition .gauge-tick{transition:stroke .45s ease,opacity .45s ease,filter .45s ease !important;}


/* SGGO Expedition 0.10.3
   Final gauge polish:
   - colored quarter arcs are visible on mobile as well as desktop
   - ticks remain visible independently
   - fuel icon and selected liters sit below the gauge center
   - no overlap between icon, gauge labels, needle and value
*/
.sggo-expedition .gauge-active-arc{
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.sggo-expedition .gauge-active-arc .gauge-active-part{
  display:block !important;
  fill:none !important;
  stroke-width:11px !important;
  stroke-linecap:butt !important;
  vector-effect:non-scaling-stroke !important;
  opacity:1;
}
.sggo-expedition .gauge-fuel-icon--inside{
  position:absolute !important;
  z-index:4 !important;
  left:50% !important;
  top:42% !important;
  transform:translate(-50%,-50%) !important;
}
.sggo-expedition .gauge-value--below{
  position:absolute !important;
  z-index:5 !important;
  left:50% !important;
  top:82% !important;
  transform:translate(-50%,-50%) !important;
  white-space:nowrap !important;
}
@media (max-width: 767px){
  .sggo-expedition .gauge-wrap{
    min-height:340px !important;
    overflow:visible !important;
  }
  .sggo-expedition .gauge-fuel-icon--inside{
    top:43% !important;
    transform:translate(-50%,-50%) scale(.92) !important;
  }
  .sggo-expedition .gauge-value--below{
    top:82% !important;
    font-size:clamp(42px,12vw,64px) !important;
  }
}
@media (min-width: 768px){
  .sggo-expedition .gauge-fuel-icon--inside{
    top:42% !important;
  }
  .sggo-expedition .gauge-value--below{
    top:84% !important;
  }
}

/* SGGO Expedition 0.10.19 — FINAL GAUGE DATA SPACING
   Based directly on the last stable 0.10.9 gauge implementation.
   This is intentionally one authoritative positioning block:
   - SVG remains the visual coordinate system (520x285)
   - desktop needle hub sits on the lower arc baseline
   - mobile gauge has extra vertical space only for the selected litres;
     the needle is aligned back to the SVG baseline instead of drifting below it
   - selected litres are always a separate line below the hub
   - no panel/grid repositioning and no fake .needle selectors
*/
.sggo-expedition .fuel-gauge{
  position:relative !important;
}
.sggo-expedition .fuel-gauge .gauge-active-arc{
  display:block !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.sggo-expedition .fuel-gauge .gauge-active-arc .gauge-active-part{
  display:block !important;
  fill:none !important;
  stroke-width:11px !important;
  stroke-linecap:butt !important;
  vector-effect:non-scaling-stroke !important;
  opacity:1 !important;
  stroke-dashoffset:0 !important;
}
.sggo-expedition .fuel-gauge .needle-wrap{
  left:50% !important;
  bottom:44px !important;
  transform:translateX(-50%) rotate(var(--needle-angle)) !important;
  transform-origin:50% 100% !important;
  z-index:6 !important;
}
.sggo-expedition .fuel-gauge .gauge-pump-inside{
  left:50% !important;
  top:43% !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
}
.sggo-expedition .fuel-gauge .gauge-value-below{
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:8px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  z-index:8 !important;
  white-space:nowrap !important;
  text-align:center !important;
  line-height:1 !important;
}

@media (min-width:768px){
  .sggo-expedition .fuel-gauge{
    height:285px !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .sggo-expedition .fuel-gauge .needle-wrap{
    bottom:61px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:8px !important;
  }
}

@media (max-width:767px){
  .sggo-expedition .fuel-gauge{
    height:360px !important;
    overflow:visible !important;
  }
  /* The SVG is 285px high; the remaining 75px is reserved for the value. */
  .sggo-expedition .fuel-gauge .needle-wrap{
    bottom:230px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-pump-inside{
    top:43% !important;
    transform:translate(-50%,-50%) scale(.92) !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:8px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge{
    height:345px !important;
  }
  .sggo-expedition .fuel-gauge .needle-wrap{
    bottom:215px !important;
  }
}


/* SGGO Expedition 0.10.18 — needle baseline only
   Arc/gradient/ticks/pump/value/JS untouched.
   Hub is aligned to the lower arc baseline on both breakpoints.
*/
@media (max-width:620px){
  .sggo-expedition .needle-wrap{
    left:50% !important;
    top:28% !important;
    bottom:auto !important;
    transform:translate(-50%,-100%) rotate(var(--needle-angle)) !important;
    transform-origin:50% 100% !important;
  }
}


/* SGGO Expedition 0.10.19 — selected litres spacing only */
@media (max-width:767px){
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:28px !important;
  }
}


/* SGGO Expedition 0.10.20 — final data-space stabilization
   ONLY the container space and selected-litre position are adjusted.
   Arc, gradient, ticks, pump icon and needle angle/geometry are untouched.
*/
@media (min-width:768px){
  .sggo-expedition .fuel-gauge{
    height:305px !important;
    min-height:0 !important;
  }
  .sggo-expedition .fuel-gauge .needle-wrap{
    bottom:81px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:8px !important;
  }
}

@media (max-width:767px){
  .sggo-expedition .fuel-gauge{
    height:360px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:50px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge{
    height:345px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    bottom:45px !important;
  }
}


/* SGGO Expedition 0.10.21 — stable gauge / data separation
   The arc and needle now live in a fixed 520x285 visual viewport.
   The selected litres occupy a separate responsive data area below it.
   This prevents the litre readout from ever moving the needle or stretching
   the SVG on desktop/mobile. The needle hub is fixed to SVG baseline y=235.
*/
.sggo-expedition .fuel-gauge{
  position:relative !important;
  display:block !important;
  height:355px !important;
  min-height:0 !important;
  overflow:visible !important;
}
.sggo-expedition .fuel-gauge .gauge-visual{
  position:relative !important;
  width:100% !important;
  height:285px !important;
  overflow:visible !important;
}
.sggo-expedition .fuel-gauge .gauge-svg{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:285px !important;
  display:block !important;
  overflow:visible !important;
}
.sggo-expedition .fuel-gauge .needle-wrap{
  left:50% !important;
  top:auto !important;
  bottom:50px !important;
  transform:translateX(-50%) rotate(var(--needle-angle)) !important;
  transform-origin:50% 100% !important;
}
.sggo-expedition .fuel-gauge .gauge-pump-inside{
  top:84px !important;
}
.sggo-expedition .fuel-gauge .gauge-value-below{
  left:0 !important;
  right:0 !important;
  top:285px !important;
  bottom:auto !important;
  height:70px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:none !important;
  margin:0 !important;
  z-index:8 !important;
}

@media (max-width:767px){
  .sggo-expedition .fuel-gauge{
    height:375px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-visual{
    height:285px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-svg{
    height:285px !important;
  }
  .sggo-expedition .fuel-gauge .needle-wrap{
    top:auto !important;
    bottom:50px !important;
    transform:translate(-50%,0) rotate(var(--needle-angle)) !important;
    transform-origin:50% 100% !important;
  }
  .sggo-expedition .fuel-gauge .gauge-pump-inside{
    top:106px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    top:285px !important;
    height:90px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge{
    height:363px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    height:78px !important;
  }
}


/* SGGO Expedition 0.10.22 — mobile data-space refinement
   The 285px visual viewport is deliberately untouched:
   arc, ticks, pump and needle keep their established geometry.
   Only the lower litre-data zone is tightened on mobile.
*/
@media (max-width:767px){
  .sggo-expedition .fuel-gauge{
    height:357px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    top:285px !important;
    height:72px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge{
    height:353px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    height:68px !important;
  }
}


/* SGGO Expedition 0.10.26 — distributor icon only
   Restored from stable 0.10.22 geometry.
   The 1/4 and 3/4 labels sit on SVG y=135; the pump icon is centered
   on that same horizontal line by positioning its top edge from its
   known SVG size. No transform is applied to .fuel-gauge itself.
*/
.sggo-expedition .fuel-gauge .gauge-pump-inside{
  left:50% !important;
  top:114px !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
}

@media (max-width:767px){
  .sggo-expedition .fuel-gauge .gauge-pump-inside{
    left:50% !important;
    top:119px !important;
    transform:translateX(-50%) !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge .gauge-pump-inside{
    top:119px !important;
  }
}


/* SGGO Expedition 0.10.27 — MOBILE NEEDLE BASELINE ONLY
   Desktop is intentionally untouched.
   The existing max-width:620px rule from earlier versions changed the
   needle to top:28%, which moved the hub below the arc baseline.
   Restore the stable mobile geometry: hub on SVG baseline y=235.
   Arc, gradient, ticks, pump icon and litre data zone remain unchanged.
*/
@media (max-width:767px){
  /* FINAL MOBILE GEOMETRY:
     .fuel-gauge is taller than the 285px SVG visual because the litre
     readout occupies a separate zone below it. Therefore bottom must be
     measured from the full container, while the hub is anchored to the
     SVG arc baseline y=235.
     375px container - 235px baseline = 140px; the hub center sits 3px
     above the needle-wrap bottom, so use 137px.
     The litre zone does not affect the needle position. */
  .sggo-expedition .fuel-gauge .needle-wrap{
    left:50% !important;
    top:auto !important;
    bottom:137px !important;
    transform:translate(-50%,0) rotate(var(--needle-angle)) !important;
    transform-origin:50% 100% !important;
  }
}

@media (max-width:380px){
  /* 363px container - 235px baseline + 3px hub correction = 125px. */
  .sggo-expedition .fuel-gauge .needle-wrap{
    bottom:125px !important;
  }
}

/* SGGO Expedition 0.10.32 — geometry-driven needle anchor
   Do not guess a mobile bottom offset. The JS measures the real SVG point
   (260,235) after responsive scaling and writes --needle-x/--needle-top.
   The hub therefore stays on the actual lower arc baseline on every width.
*/
@media (max-width:767px){
  .sggo-expedition .fuel-gauge .gauge-visual .needle-wrap{
    left:var(--needle-x,50%) !important;
    top:var(--needle-top,auto) !important;
    bottom:var(--needle-bottom,auto) !important;
    transform:translate(-50%,0) rotate(var(--needle-angle)) !important;
    transform-origin:50% 100% !important;
  }
}


/* SGGO Expedition 0.10.34 — final arc paint layer.
   Keep the proven 0.10.32 responsive geometry; only enforce the four
   physical quarter colours so paint changes can never affect positioning. */
.sggo-expedition .gauge-active-arc .gauge-active-part{
  fill:none !important;
  stroke-width:11px !important;
  stroke-linecap:butt !important;
  vector-effect:non-scaling-stroke !important;
  stroke-dashoffset:0 !important;
}
.sggo-expedition .gauge-active-arc .zone-red{stroke:#ff1728 !important;}
.sggo-expedition .gauge-active-arc .zone-orange{stroke:#ff8a00 !important;}
.sggo-expedition .gauge-active-arc .zone-yellow{stroke:#ffd21a !important;}
.sggo-expedition .gauge-active-arc .zone-green{stroke:#69d500 !important;}


/* SGGO Expedition 0.10.37 — MOBILE ONLY: needle length correction
   Laptop/desktop is intentionally untouched.
   The hub remains geometry-anchored by JS to SVG point (260,235).
   Only the visible arm is shortened by exactly 10 CSS px from 0.10.36.
   The wrapper is shortened by the same amount so the JS anchor calculation
   keeps the hub at exactly the same screen coordinate.
   The litre readout remains in its separate lower data zone. */
@media (max-width:767px){
  .sggo-expedition .fuel-gauge .gauge-visual .needle-wrap{
    height:100px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-visual .needle-wrap i{
    height:86px !important;
  }
  .sggo-expedition .fuel-gauge .gauge-value-below{
    top:247px !important;
    height:72px !important;
    bottom:auto !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .fuel-gauge .gauge-value-below{
    top:245px !important;
    height:68px !important;
    bottom:auto !important;
  }
}


/* SGGO Expedition 0.10.42 — MOBILE HEADER COSMETIC TUNING
   Base: 0.10.37 (stable gauge/needle/litre layout).
   Mobile header only. Desktop/laptop and the fuel gauge are untouched.
   - Start and end remain left/right.
   - Route/car row is pushed down so the vehicle cannot cover the city labels.
   - Pump icon + title are kept as one centred group with a tighter gap.
*/
@media (max-width: 620px){
  .sggo-expedition .exp-top{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "brand brand"
      "start end" !important;
    align-items:start !important;
    column-gap:10px !important;
    row-gap:10px !important;
    text-align:initial !important;
  }

  .sggo-expedition .exp-top .brand{
    grid-area:brand !important;
    order:0 !important;
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
  }

  .sggo-expedition .exp-top .brand-line{
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
  }

  .sggo-expedition .exp-top .brand-line>.pump-svg{
    flex:0 0 auto !important;
    width:29px !important;
    height:29px !important;
  }

  .sggo-expedition .exp-top .brand h2{
    margin:0 !important;
    font-size:clamp(28px,8.7vw,36px) !important;
    line-height:.98 !important;
    text-align:left !important;
  }

  .sggo-expedition .exp-top .brand p{
    margin:9px 0 0 !important;
    font-size:13px !important;
    line-height:1.2 !important;
    text-align:center !important;
    letter-spacing:.06em !important;
  }

  .sggo-expedition .exp-top .route-point.start{
    grid-area:start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    min-width:0 !important;
    align-items:center !important;
    position:relative !important;
    top:0 !important;
  }

  .sggo-expedition .exp-top .route-point.end{
    grid-area:end !important;
    justify-content:flex-end !important;
    text-align:right !important;
    min-width:0 !important;
    align-items:center !important;
    position:relative !important;
    top:0 !important;
  }

  .sggo-expedition .exp-top .route-point b{
    font-size:14px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  .sggo-expedition .exp-top .route-point small{
    margin-top:4px !important;
    font-size:9px !important;
    line-height:1 !important;
  }

  .sggo-expedition .exp-top .route-pin{
    font-size:19px !important;
    flex:0 0 auto !important;
  }

  .sggo-expedition .exp-top .route-flag{
    width:20px !important;
    height:auto !important;
    vertical-align:middle !important;
    margin-left:3px !important;
  }

  /* The car is intentionally kept below the city row. */
  .sggo-expedition .route-wrap{
    margin-top:52px !important;
    margin-bottom:20px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .exp-top{
    column-gap:7px !important;
    row-gap:9px !important;
  }

  .sggo-expedition .exp-top .brand-line{
    gap:3px !important;
  }

  .sggo-expedition .exp-top .brand-line>.pump-svg{
    width:27px !important;
    height:27px !important;
  }

  .sggo-expedition .exp-top .brand h2{
    font-size:clamp(26px,8.6vw,33px) !important;
  }

  .sggo-expedition .exp-top .brand p{
    font-size:12px !important;
  }

  .sggo-expedition .exp-top .route-point b{
    font-size:13px !important;
  }

  .sggo-expedition .exp-top .route-pin{
    font-size:17px !important;
  }

  .sggo-expedition .route-wrap{
    margin-top:48px !important;
  }
}

/* SGGO Expedition 0.10.41 — mobile header micro-adjustment
   Based strictly on 0.10.42. Mobile header only.
   - Centre the pump icon + campaign title as one visual group.
   - Push the route/car line lower so city/country labels stay fully clear.
   - Desktop/laptop and the fuel gauge remain untouched.
*/
@media (max-width: 620px){
  .sggo-expedition .exp-top .brand-line{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
  }

  .sggo-expedition .exp-top .brand h2{
    text-align:center !important;
  }

  .sggo-expedition .route-wrap{
    margin-top:72px !important;
  }
}

@media (max-width:380px){
  .sggo-expedition .exp-top .brand-line{
    gap:5px !important;
  }

  .sggo-expedition .route-wrap{
    margin-top:68px !important;
  }
}


/* SGGO Expedition 0.14.27 — GiveWP progress/radio hardening.
   These selectors are intentionally isolated from the expedition gauge.
   The embedded GiveWP document receives the matching rules from give-bridge.js. */
.sggo-expedition .givewp-donation-form__steps [role="progressbar"] progress{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  background-color:transparent !important;
  color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.sggo-expedition .givewp-donation-form__steps [role="progressbar"] progress::-webkit-progress-bar{
  background:transparent !important;
  border:0 !important;
}
.sggo-expedition .givewp-donation-form__steps [role="progressbar"] progress::-webkit-progress-value,
.sggo-expedition .givewp-donation-form__steps [role="progressbar"] progress::-moz-progress-bar{
  background:transparent !important;
  border:0 !important;
}
.sggo-expedition .givewp-fields-gateways__gateway input[type="radio"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #7f8b93 !important;
  border-radius:50% !important;
  background:#05080b !important;
  box-shadow:inset 0 0 0 2px #05080b !important;
  accent-color:transparent !important;
}
.sggo-expedition .givewp-fields-gateways__gateway input[type="radio"]:checked{
  border-color:#a6ed16 !important;
  background:#a6ed16 !important;
  box-shadow:inset 0 0 0 4px #05080b !important;
}

/* 0.21.4: payment handoff — keep one clear loading card visible while navigating. */
.sggo-expedition-payment-transition{
  position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:#05080b; color:#fff;
}
.sggo-expedition-payment-transition-box{
  width:min(520px,100%); box-sizing:border-box; padding:32px 26px 28px; text-align:center;
  border:1px solid #30404a; border-radius:24px; background:#071016;
  box-shadow:0 20px 80px rgba(0,0,0,.55);
}
.sggo-expedition-payment-transition-kicker{color:#a6ed16;font-weight:800;letter-spacing:.08em;font-size:13px;margin-bottom:10px}
.sggo-expedition-payment-transition-box h2{margin:0;color:#fff;font-size:32px;line-height:1.05;font-weight:900;text-transform:uppercase}
.sggo-expedition-payment-transition-values{display:flex;justify-content:center;gap:10px;margin:20px 0 14px;min-height:0}
.sggo-expedition-payment-transition-values span{padding:8px 16px;border:1px solid #34414a;border-radius:12px;color:#a6ed16;font-weight:800;background:#071016}
.sggo-expedition-payment-transition-box p{margin:0;color:#c7d0d5;line-height:1.45}
.sggo-expedition-payment-transition-progress{height:4px;margin-top:20px;border-radius:999px;overflow:hidden;background:#263139}
.sggo-expedition-payment-transition-progress span{display:block;width:35%;height:100%;border-radius:999px;background:#a6ed16;animation:sggoExpPaymentProgress 1.15s ease-in-out infinite alternate}
@keyframes sggoExpPaymentProgress{from{width:28%}to{width:82%}}
@media(max-width:600px){.sggo-expedition-payment-transition-box{padding:28px 20px 24px}.sggo-expedition-payment-transition-box h2{font-size:28px}}


/* 0.23.1: source-page handoff uses the same visual card as the GiveWP
   destination overlay, so navigation does not produce a small-card/large-card
   jump. The card is shown only after the user explicitly clicks Dotankuj Duster. */
.sggo-expedition-payment-transition{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:#05080b !important;
  color:#fff !important;
}
.sggo-expedition-payment-transition-box{
  width:min(520px,100%) !important;
  box-sizing:border-box !important;
  padding:34px 28px 30px !important;
  border:1px solid #30404a !important;
  border-radius:24px !important;
  background:#071016 !important;
  color:#fff !important;
  text-align:center !important;
  box-shadow:0 20px 80px rgba(0,0,0,.55) !important;
}
.sggo-expedition-payment-transition-icon{
  width:58px !important;
  height:58px !important;
  margin:0 auto 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:2px solid #a6ed16 !important;
  border-radius:50% !important;
  color:#a6ed16 !important;
  font-size:28px !important;
}
.sggo-expedition-payment-transition-kicker{
  color:#a6ed16 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  font-size:14px !important;
  margin-bottom:10px !important;
}
.sggo-expedition-payment-transition-box h2{
  margin:0 !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
.sggo-expedition-payment-transition-values{
  display:flex !important;
  justify-content:center !important;
  gap:10px !important;
  margin:22px 0 16px !important;
}
.sggo-expedition-payment-transition-values span{
  padding:9px 18px !important;
  border:1px solid #34414a !important;
  border-radius:12px !important;
  color:#a6ed16 !important;
  font-weight:800 !important;
  background:#071016 !important;
}
.sggo-expedition-payment-transition-box p{
  color:#c7d0d5 !important;
  line-height:1.45 !important;
  margin:0 !important;
}
.sggo-expedition-payment-transition-progress{
  height:4px !important;
  margin-top:22px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:#263139 !important;
}
.sggo-expedition-payment-transition-progress span{
  display:block !important;
  width:58% !important;
  height:100% !important;
  border-radius:999px !important;
  background:#a6ed16 !important;
  animation:sggoExpPaymentProgress23 1.5s ease-in-out infinite alternate !important;
}
.sggo-expedition-payment-transition-dots{
  margin-top:12px !important;
  color:#74818a !important;
  letter-spacing:5px !important;
}
@keyframes sggoExpPaymentProgress23{from{width:28%}to{width:82%}}
@media(max-width:600px){
  .sggo-expedition-payment-transition-box{padding:28px 20px 24px !important}
  .sggo-expedition-payment-transition-box h2{font-size:28px !important}
}


/* 0.35.0: once the user clicks DOTANKUJ DUSTERA, the handoff layer becomes
   the immediate source-page visual state while the browser navigates to GiveWP. */
html.sggo-payment-handoff-started,
html.sggo-payment-handoff-started body{
  background:#05080b !important;
  overflow:hidden !important;
}
html.sggo-payment-handoff-started .sggo-expedition-payment-transition{
  opacity:1 !important;
  visibility:visible !important;
}


/* 0.50.1: mobile handoff performance — the SGGO cover is already opaque, so
   no backdrop blur is required while GiveWP initializes underneath it. */
.sggo-give-transition-card,
.sggo-expedition-payment-transition{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
@media(max-width:600px){
  .sggo-give-transition-card,
  .sggo-expedition-payment-transition{
    contain:layout paint;
  }
}