/* V17 — Fiche station, only. Layout follows independent left and right columns.
   The comparison stays below the station prices, not after the entire sidebar. */
.sc-l1-content .sc-detail{
  background:#f0f6fa;
  padding:20px clamp(10px,2vw,28px) 38px;
  color:#173d54;
}
.sc-l1-content .sc-detail__shell{max-width:1370px;width:100%;margin-inline:auto}
.sc-l1-content .sc-detail__hero{margin-bottom:15px;padding:22px 25px;background:linear-gradient(110deg,#10384f 0%,#104e65 66%,#0b7c72 100%)}
.sc-l1-content .sc-detail__layout{
  display:grid;
  grid-template-columns:minmax(0,2.18fr) minmax(310px,.92fr);
  align-items:start;
  gap:15px;
}
.sc-l1-content .sc-detail__primary,.sc-l1-content .sc-detail__aside{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:14px;
}
.sc-l1-content .sc-detail__panel{padding:18px;border-radius:12px;box-shadow:0 4px 16px #1a49600b}
.sc-l1-content .sc-detail__section-heading{margin-bottom:12px}
.sc-l1-content .sc-detail__section-heading h2{font-size:21px!important;line-height:1.24!important}
.sc-l1-content .sc-detail__fuel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-l1-content .sc-detail__fuel{min-height:116px;padding:16px 13px;gap:8px}
.sc-l1-content .sc-detail__fuel-top{font-size:14px}
.sc-l1-content .sc-detail__fuel-value{font-size:clamp(21px,2.15vw,27px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.sc-l1-content .sc-detail__fuel-date{font-size:12px;line-height:1.4}
.sc-l1-content .sc-detail__fuel--gplc{--scd-fuel:#7652b9;--scd-light:#f1ebfa;--scd-border:#d5c6ee;--scd-dark:#57358e}
.sc-l1-content .sc-detail__fuel--e85{--scd-fuel:#178dbb;--scd-light:#e7f4fb;--scd-border:#bcdeed;--scd-dark:#096b91}
.sc-l1-content .sc-detail__notice--empty{grid-column:1/-1;margin:0!important}
.sc-l1-content .sc-detail__nearby{margin-top:0!important}
.sc-l1-content .sc-detail__nearby .sc-detail__hint{font-size:13px;line-height:1.45;margin:0 0 12px!important}
.sc-l1-content .sc-detail__nearby .sc-results__toolbar{padding:11px;margin-bottom:9px}
.sc-l1-content .sc-detail__nearby .sc-results__fuel-picker{gap:5px}
.sc-l1-content .sc-detail__nearby .sc-results__table-head,
.sc-l1-content .sc-detail__nearby .sc-station-card--comparison{
  --u-columns:minmax(174px,2.75fr) minmax(73px,.94fr) repeat(6,minmax(0,1fr));
}
.sc-l1-content .sc-detail__nearby .sc-results__table-head>button{font-size:12px!important;min-height:42px}
.sc-l1-content .sc-detail__nearby .sc-station-card--comparison{min-height:79px!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__identity{gap:8px;padding:10px 8px!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__logo{width:37px;height:37px;flex-basis:37px;border-radius:6px}
.sc-l1-content .sc-detail__nearby .sc-station-card__logo img{width:35px;height:35px}
.sc-l1-content .sc-detail__nearby .sc-station-card__text h3{font-size:13.5px!important;line-height:1.3!important;letter-spacing:0!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__text p{font-size:11.5px!important;line-height:1.3!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__distance-cell strong{font-size:13px!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code]{min-height:78px!important;padding:8px 2px!important}
.sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] strong,
.sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="rupture"] strong{font-size:13.5px!important;font-weight:750!important;letter-spacing:-.025em}
.sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] small{font-size:10.5px!important}
.sc-l1-content .sc-detail__nearby .sc-results__footnote{font-size:11.5px}
.sc-l1-content .sc-detail__map{height:255px}
.sc-l1-content .sc-detail__services ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sc-l1-content .sc-detail__services li{font-size:12px;line-height:1.4;padding:7px 8px}
.sc-l1-content .sc-detail__towns li a{padding:9px 0}
/* Tablet: give the comparison the full page width rather than squeezing prices. */
@media(max-width:1179px){
  .sc-l1-content .sc-detail__layout{grid-template-columns:minmax(0,1fr)}
  .sc-l1-content .sc-detail__primary,.sc-l1-content .sc-detail__aside{display:flex;flex-direction:column;gap:13px}
  .sc-l1-content .sc-detail__nearby .sc-results__table-head,
  .sc-l1-content .sc-detail__nearby .sc-station-card--comparison{--u-columns:minmax(235px,2.8fr) minmax(86px,1fr) repeat(6,minmax(0,1fr))}
  .sc-l1-content .sc-detail__services ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Phone: price cards -> nearby comparisons -> map -> practical information. */
@media(max-width:700px){
  .sc-l1-content .sc-detail{padding:12px 9px 30px}
  .sc-l1-content .sc-detail__layout{display:flex;flex-direction:column;gap:12px}
  .sc-l1-content .sc-detail__primary,.sc-l1-content .sc-detail__aside{display:flex;flex-direction:column;width:100%;gap:12px}
  .sc-l1-content .sc-detail__panel{padding:13px 11px;border-radius:11px}
  .sc-l1-content .sc-detail__hero{padding:16px 12px}
  .sc-l1-content .sc-detail__fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sc-l1-content .sc-detail__fuel{min-height:102px;padding:13px 10px}
  .sc-l1-content .sc-detail__fuel-value{font-size:23px}
  .sc-l1-content .sc-detail__fuel-date{font-size:11px}
  .sc-l1-content .sc-detail__section-heading h2{font-size:19px!important}
  .sc-l1-content .sc-detail__nearby .sc-results__toolbar{padding:8px}
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] strong,
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="rupture"] strong{font-size:15px!important}
  .sc-l1-content .sc-detail__map{height:225px}
}
/* On phones, six consistent compact tariff cells replace six long rows per station.
   All six fuels remain visible as requested for nearby comparisons. */
@media(max-width:700px){
  .sc-l1-content .sc-detail__nearby .sc-station-card__all-prices--visible{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(68px,auto);
    gap:3px!important;
    margin:0 9px 10px!important;
    padding:0!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code]{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    min-height:66px!important;
    gap:3px!important;
    padding:8px 7px!important;
    border-radius:5px!important;
    text-align:left!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-name{
    display:block!important;
    color:#37596b!important;
    font-size:11px!important;
    font-weight:750!important;
    line-height:1.15!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] strong,
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="rupture"] strong{
    font-size:13.5px!important;
    line-height:1.15!important;
    white-space:nowrap;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] small{
    font-size:9.5px!important;
    line-height:1.1!important;
  }
}
@media(max-width:700px){
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="missing"],
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="rupture"]{
    display:flex!important;
    flex-direction:column!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-name{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    color:var(--u-ink,#37596b)!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] strong,
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code][data-sc-status="rupture"] strong{
    display:block!important;
    padding:0!important;
    min-height:0!important;
    margin:0!important;
    text-align:left!important;
  }
  .sc-l1-content .sc-detail__nearby .sc-station-card__other-price[data-sc-code] small{
    display:block!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    text-align:left!important;
  }
}