/* Stations Carburant · Lot 5 · Station detail public only. */
.sc-l1-content .sc-detail{--scd-ink:#183b51;--scd-blue:#166b9a;--scd-muted:#5a7485;--scd-line:#dce7ee;--scd-bg:#f2f6f9;--scd-green:#14724d;color:var(--scd-ink);background:#f3f7fa;font-family:inherit;padding:24px 14px 62px;font-size:15px;line-height:1.5}
.sc-detail,.sc-detail *{box-sizing:border-box}
.sc-detail__shell{max-width:1160px;margin:0 auto}
.sc-l1-content .sc-detail h1,.sc-l1-content .sc-detail h2,.sc-l1-content .sc-detail h3,.sc-l1-content .sc-detail p{margin:0}
.sc-detail a{text-decoration:none}
.sc-detail a:focus-visible,.sc-detail button:focus-visible,.sc-detail select:focus-visible,.sc-detail summary:focus-visible,.sc-detail input:focus-visible{outline:3px solid #ffab42;outline-offset:3px}
.sc-detail__hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#173b56 0%,#195b7e 67%,#1e85aa 100%);border-radius:17px;padding:23px 25px;display:flex;align-items:center;gap:20px;justify-content:space-between;color:#fff;box-shadow:0 8px 24px rgba(27,73,104,.13);margin-bottom:19px}
.sc-detail__hero:after{content:"";position:absolute;right:-42px;top:-110px;width:290px;height:290px;border:28px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.sc-detail__hero-main{display:flex;align-items:center;gap:17px;min-width:0;position:relative;z-index:1}
.sc-detail__logo{flex:0 0 68px;height:68px;width:68px;background:#fff;border-radius:16px;display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.12);overflow:hidden}
.sc-detail__logo img{width:60px;height:60px;object-fit:contain}
.sc-detail__logo span{font-size:33px}
.sc-detail__hero-copy{min-width:0}
.sc-detail__eyebrow,.sc-detail__overline{font-size:11px!important;font-weight:850!important;letter-spacing:.095em!important;text-transform:uppercase!important}
.sc-detail__eyebrow{color:#bde9f7;margin-bottom:5px!important}
.sc-l1-content .sc-detail__hero h1{font-size:clamp(21px,2.8vw,30px);font-weight:900;line-height:1.2;color:#fff;letter-spacing:-.035em;margin-bottom:7px!important}
.sc-detail__hero-address{font-size:14px;color:#eff7fc;line-height:1.5}
.sc-detail__hero-denomination{font-size:12px;color:#c9e4f3;margin-top:4px!important}
.sc-detail__hero-actions{flex:none;display:flex;align-items:center;gap:9px;position:relative;z-index:1}
.sc-l1-content .sc-detail__action{border:1px solid rgba(255,255,255,.42);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.3;font-weight:800;min-height:44px;padding:11px 15px;color:#fff;background:rgba(255,255,255,.12);white-space:nowrap;cursor:pointer}
.sc-l1-content .sc-detail__action:hover{background:rgba(255,255,255,.22);color:#fff}
.sc-l1-content .sc-detail__action--primary{background:#fff;color:#185b82;border-color:#fff}
.sc-l1-content .sc-detail__action--primary:hover{background:#eaf5fb;color:#185b82}
.sc-detail__share-status{position:absolute;right:0;top:calc(100% + 8px);font-size:12px;color:#fff;white-space:nowrap}
.sc-detail__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(295px,.95fr);gap:18px;align-items:start}
.sc-detail__primary,.sc-detail__aside{display:flex;flex-direction:column;gap:18px;min-width:0}
.sc-l1-content .sc-detail__panel{background:#fff;border:1px solid var(--scd-line);border-radius:14px;padding:21px;box-shadow:0 4px 17px rgba(18,67,101,.035);min-width:0}
.sc-detail__section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}
.sc-detail__overline{color:#246f99;display:block;margin-bottom:3px}
.sc-l1-content .sc-detail h2{font-size:20px;line-height:1.23;font-weight:900;color:#193c54;letter-spacing:-.024em}
.sc-detail__unit{font-size:12px;color:var(--scd-muted);white-space:nowrap}
.sc-detail__hint,.sc-detail__source-note{color:var(--scd-muted);font-size:12px;line-height:1.55}
.sc-detail__notice{margin:0 0 13px!important;background:#fff7e9;border-left:3px solid #d79235;border-radius:7px;padding:9px 11px;font-size:13px;font-weight:650;color:#80531f}
.sc-detail__price-panel .sc-detail__hint{margin:0 0 13px!important}
.sc-detail__fuel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-detail__fuel{--scd-fuel:#df8326;--scd-light:#fff2e4;--scd-border:#f2c89b;--scd-dark:#94500f;border:1px solid var(--scd-border);border-radius:11px;background:linear-gradient(140deg,#fff 8%,var(--scd-light) 100%);padding:13px 14px;min-width:0;display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden}
.sc-detail__fuel:before{content:"";height:4px;background:var(--scd-fuel);position:absolute;left:0;right:0;top:0}
.sc-detail__fuel--sp95{--scd-fuel:#289b55;--scd-light:#ebf8ef;--scd-border:#bfe3ca;--scd-dark:#176c3e}
.sc-detail__fuel--sp98{--scd-fuel:#087659;--scd-light:#e5f4ee;--scd-border:#b2ddca;--scd-dark:#095a43}
.sc-detail__fuel--e10{--scd-fuel:#81a72c;--scd-light:#f2f8e1;--scd-border:#d5e5ac;--scd-dark:#526f1b}
.sc-detail__fuel--e85{--scd-fuel:#149cac;--scd-light:#e6f8fa;--scd-border:#ade0e7;--scd-dark:#0c6d78}
.sc-detail__fuel--gplc{--scd-fuel:#297eb2;--scd-light:#eaf3fb;--scd-border:#bed9ec;--scd-dark:#16597e}
.sc-detail__fuel-top{display:flex;align-items:center;gap:7px;color:var(--scd-dark);font-size:13px}
.sc-detail__fuel-dot{width:8px;height:8px;background:var(--scd-fuel);border-radius:2px;flex:none}
.sc-detail__fuel-value{font-size:clamp(18px,2.4vw,27px);font-weight:900;color:#15384c;letter-spacing:-.04em;line-height:1.2}
.sc-detail__fuel-value small{font-size:14px;letter-spacing:0}
.sc-detail__fuel-date{font-size:11px;line-height:1.4;color:#416479;min-height:16px}
.sc-detail__fuel[data-sc-state="old"] .sc-detail__fuel-date,.sc-detail__fuel[data-sc-state="undated"] .sc-detail__fuel-date{color:#895d24;font-weight:750}
.sc-detail__fuel[data-sc-state="rupture"]{background:#fff1f0;border-color:#efc0bb}
.sc-detail__fuel[data-sc-state="rupture"] .sc-detail__fuel-value{color:#aa4236}
.sc-detail__fuel[data-sc-state="missing"]{background:#f6f8fa;border-color:#e5eaee}
.sc-detail__fuel[data-sc-state="missing"] .sc-detail__fuel-value{color:#9aabb6}
.sc-detail__source-note{margin:13px 0 0!important}
.sc-detail__map{height:270px;background:#edf4f7;border-radius:10px;overflow:hidden;border:1px solid #dae7ef;z-index:0}
.sc-l1-content .sc-detail__map-cta{display:flex;align-items:center;justify-content:center;padding:11px;border-radius:9px;margin-top:10px;background:#e6f2f9;color:#17658f;font-weight:850;font-size:13px;gap:8px;min-height:44px}
.sc-l1-content .sc-detail__map-cta:hover{background:#d3eaf6;color:#104d71}
.sc-detail__address{font-style:normal;color:#4e6a7b;font-size:13px;line-height:1.5;margin:13px 0 0}
.sc-detail__field{font-weight:800;font-size:12px;display:flex;flex-direction:column;gap:7px;color:#31546b;margin-top:14px}
.sc-detail__field select{width:100%;height:42px;border:1px solid #cddfe8;border-radius:8px;background:#fff;color:#1a4159;padding:8px 10px;font-size:14px;font-weight:650}
.sc-detail__tank-range-head{display:flex;justify-content:space-between;margin-top:15px;font-size:13px;font-weight:800;color:#31546b}
.sc-detail__tank-range-head output{color:#136d9b}
.sc-detail__tank input[type=range]{width:100%;margin-top:10px;accent-color:#2581b3;cursor:pointer}
.sc-detail__tank-total{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:10px;background:#e9f7f0;padding:16px 14px;color:#146a47;margin-top:12px}
.sc-detail__tank-total span{font-size:13px;font-weight:800}
.sc-detail__tank-total strong{font-size:23px;font-weight:900;white-space:nowrap}
.sc-detail__tank-foot{color:#657d8d;font-size:11px;margin-top:9px!important}
.sc-detail__services ul,.sc-detail__towns ul,.sc-detail__nearby-list{margin:0;padding:0;list-style:none}
.sc-detail__services ul{display:flex;flex-wrap:wrap;gap:7px}
.sc-detail__services li{font-size:12px;font-weight:700;color:#295a74;background:#edf5f8;padding:8px 10px;border-radius:7px}
.sc-detail__services li span{color:#198458;margin-right:5px}
.sc-detail__towns li+li{border-top:1px solid #eaf0f3}
.sc-detail__towns a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;font-weight:700;font-size:13px;color:#19688f}
.sc-detail__towns a:hover{color:#104e74;text-decoration:underline}
.sc-detail__section-link{font-size:12px;font-weight:750;color:#1679a7;white-space:nowrap}
/* Alternatives: all six fuel types share the same typographic rhythm as prices. */
.sc-detail__nearby-list{display:flex;flex-direction:column;gap:11px;margin-top:13px}
.sc-detail__nearby-item{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:11px;padding:14px;border:1px solid #dce8ef;border-radius:10px;background:#fff}
.sc-detail__nearby-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.sc-l1-content .sc-detail__nearby-name{font-size:15px;font-weight:750;color:#12679a;line-height:1.35}
.sc-l1-content .sc-detail__nearby-name:hover{text-decoration:underline}
.sc-detail__nearby-info>span{color:#617b89;font-size:12px;line-height:1.4}
.sc-detail__nearby-distance{display:inline-flex;align-items:center;gap:4px;color:#237ba2!important;font-weight:650}
.sc-detail__nearby-fuels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.sc-detail__nearby-fuel{--nearby-fuel:#eb7c17;--nearby-tint:#fff0df;--nearby-ink:#93500e;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:64px;padding:8px 10px;border-top:3px solid var(--nearby-fuel);border-radius:6px;background:var(--nearby-tint)}
.sc-detail__nearby-fuel[data-sc-fuel="sp95"]{--nearby-fuel:#1a9b4b;--nearby-tint:#e2f6e9;--nearby-ink:#126e39}
.sc-detail__nearby-fuel[data-sc-fuel="sp98"]{--nearby-fuel:#077b52;--nearby-tint:#ddf2e5;--nearby-ink:#075f42}
.sc-detail__nearby-fuel[data-sc-fuel="e10"]{--nearby-fuel:#83a91d;--nearby-tint:#edf7d8;--nearby-ink:#58720f}
.sc-detail__nearby-fuel[data-sc-fuel="e85"]{--nearby-fuel:#0e8cc8;--nearby-tint:#dff1fa;--nearby-ink:#096a94}
.sc-detail__nearby-fuel[data-sc-fuel="gplc"]{--nearby-fuel:#7551ba;--nearby-tint:#eee8fa;--nearby-ink:#55378e}
.sc-detail__nearby-fuel-label{font-size:12px;font-weight:700;color:var(--nearby-ink)}
.sc-detail__nearby-fuel-value{font-size:15px;font-weight:750;line-height:1.25;letter-spacing:-.02em;color:#143a50;font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-detail__nearby-fuel-date{font-size:10.5px;color:#547082;line-height:1.25}
.sc-detail__nearby-fuel[data-sc-state="old"] .sc-detail__nearby-fuel-date,.sc-detail__nearby-fuel[data-sc-state="undated"] .sc-detail__nearby-fuel-date{color:#8c5d21}
.sc-detail__nearby-fuel[data-sc-state="rupture"]{background:#fff0ed;border-top-color:#cf5548}
.sc-detail__nearby-fuel[data-sc-state="rupture"] .sc-detail__nearby-fuel-value{color:#aa352c}
.sc-detail__nearby-fuel[data-sc-state="missing"]{background:#f5f8fa;border-top-color:#c9d6df}
.sc-detail__nearby-fuel[data-sc-state="missing"] .sc-detail__nearby-fuel-value{color:#a1b1bc}
@media(min-width:1200px){.sc-detail__nearby-fuels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sc-detail__nearby-fuels{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-detail__nearby-item{padding:11px;gap:10px}.sc-detail__nearby-fuel{min-height:62px}}
.sc-detail__nearby-more{margin-top:10px;border-top:1px solid #e4edf2;padding-top:10px}
.sc-detail__nearby-more summary{cursor:pointer;font-size:13px;color:#176a95;font-weight:850;padding:9px;list-style:none;text-align:center;border-radius:8px;background:#eff7fb}
.sc-detail__nearby-more summary::-webkit-details-marker{display:none}
.sc-detail__nearby-more[open] summary{margin-bottom:8px}
@media(max-width:980px){.sc-detail__layout{grid-template-columns:minmax(0,1fr) minmax(260px,.86fr)}.sc-detail__hero{align-items:flex-start;flex-direction:column}.sc-detail__hero-actions{width:100%}.sc-detail__action{flex:1}.sc-detail__fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sc-l1-content .sc-detail{padding:12px 11px 44px}.sc-detail__layout{grid-template-columns:minmax(0,1fr);gap:12px}.sc-detail__primary,.sc-detail__aside{gap:12px}.sc-detail__hero{padding:16px;border-radius:12px;margin-bottom:12px;gap:15px}.sc-detail__logo{width:54px;height:54px;flex-basis:54px;border-radius:12px}.sc-detail__logo img{width:48px;height:48px}.sc-detail__hero-main{align-items:start;gap:11px}.sc-l1-content .sc-detail__hero h1{font-size:21px}.sc-detail__hero-address{font-size:12px}.sc-detail__hero-actions{gap:8px}.sc-l1-content .sc-detail__action{min-width:0;font-size:13px;padding:10px 12px;min-height:45px}.sc-l1-content .sc-detail__panel{border-radius:12px;padding:15px 13px}.sc-l1-content .sc-detail h2{font-size:18px}.sc-detail__fuel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sc-detail__fuel{padding:12px 8px;min-height:104px;gap:6px}.sc-detail__fuel-top{font-size:12px}.sc-detail__fuel-value{font-size:19px}.sc-detail__fuel-date{font-size:10px}.sc-detail__section-heading{align-items:start}.sc-detail__unit{font-size:11px}.sc-detail__map{height:270px}.sc-detail__nearby-price strong{font-size:16px}}
@media(max-width:375px){.sc-detail__fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-detail__fuel-value{font-size:21px}.sc-detail__hero-copy h1{overflow-wrap:anywhere}.sc-detail__unit{display:none}.sc-detail__nearby-price strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.sc-detail *{scroll-behavior:auto!important;transition:none!important}}

/* Mobile task flow: check prices → map → nearby alternatives → estimated fill-up. */
@media(max-width:760px){
.sc-detail__layout{display:flex;flex-direction:column;gap:12px}
.sc-detail__primary,.sc-detail__aside{display:contents}
.sc-detail__price-panel{order:1;width:100%}
.sc-detail__map-panel{order:2;width:100%}
.sc-detail__nearby{order:3;width:100%}
.sc-detail__tank{order:4;width:100%}
.sc-detail__services{order:5;width:100%}
.sc-detail__towns{order:6;width:100%}
}