.mfw-widget{
      background:#ffffff;
      border:1px solid #e5e7eb;
      border-radius:18px;
      padding:20px;
      box-shadow:0 8px 24px rgba(0,0,0,0.06);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
      color:#111827;
      max-width:1200px;
    }
    .mfw-head{margin-bottom:16px;}
    .mfw-title{margin:0 0 6px 0;font-size:28px;line-height:1.1;}
    .mfw-date{margin:0;color:#6b7280;font-size:14px;}
    .mfw-controls{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom:18px;
    }
    .mfw-select{
      appearance:none;
      border:1px solid #cbd5e1;
      border-radius:12px;
      background:#fff;
      padding:10px 12px;
      font-size:14px;
      color:#111827;
      min-width:180px;
    }
    .mfw-stack{
      display:grid;
      gap:12px;
    }
    .mfw-card{
      position:relative;
      background:#d7dfe7;
      border:1px solid #888;
      border-radius:16px;
      padding:18px;
      padding-right:96px;
      cursor:pointer;
      transition:transform .15s ease, box-shadow .15s ease;
      min-height:130px;
    }
    .mfw-card:hover{
      transform:translateY(-1px);
      box-shadow:0 6px 18px rgba(0,0,0,0.08);
    }
    .mfw-card:focus{
      outline:2px solid #2b7cff;
      outline-offset:2px;
    }
    .mfw-card--tomorrow{
      background:#eef6ff;
      border-color:#b6d3ff;
    }
    .mfw-card--costco{
      background:#fff8e1;
      border-color:#fbbf24;
    }
    .mfw-card--tomorrow-empty{
      min-height:140px;
      padding-right:120px;
    }
    .mfw-compare-head{
      font-size:13px;
      color:#475569;
      margin:2px 0 0 0;
    }
    .mfw-card-label{
      display:inline-block;
      margin-bottom:10px;
      padding:4px 10px;
      border-radius:999px;
      background:#dbeafe;
      color:#1d4ed8;
      font-size:12px;
      font-weight:700;
      position:relative;
      z-index:1;
    }
    .mfw-station{
      margin:0 0 6px 0;
      font-size:22px;
      line-height:1.2;
      position:relative;
      z-index:1;
    }
    .mfw-suburb{
      font-size:13px;
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
      color:#475569;
      margin-bottom:4px;
      position:relative;
      z-index:1;
    }
    .mfw-address{
      color:#6b7280;
      font-size:14px;
      margin-bottom:14px;
      position:relative;
      z-index:1;
    }
    .mfw-price-row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      background:#fff;
      border-radius:12px;
      padding:12px 14px;
      border:1px solid #e5e7eb;
      position:relative;
      z-index:1;
      gap:12px;
    }
    .mfw-price-pack{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .mfw-discount-pill{
      display:inline-block;
      min-width:64px;
      text-align:center;
      padding:5px 8px;
      border-radius:999px;
      background:#c1121f;
      color:#ffffff;
      font-size:13px;
      font-weight:800;
      line-height:1;
      box-shadow:inset 0 -2px 0 rgba(0,0,0,0.18);
    }
    .mfw-fallback-note{
      margin-top:8px;
      font-size:11px;
      line-height:1.45;
      color:#6b7280;
      position:relative;
      z-index:1;
      font-style:italic;
    }
    .mfw-actions{
      margin-top:14px;
    }
    .mfw-more{
      display:inline-block;
      color:#1d4ed8;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
    }
    .mfw-more:hover{
      text-decoration:underline;
    }
    .mfw-inline-toggle{
      appearance:none;
      background:none;
      border:none;
      padding:0;
      margin:0 0 0 4px;
      color:#1d4ed8;
      font:inherit;
      font-size:14px;
      font-weight:600;
      cursor:pointer;
      text-decoration:none;
    }
    .mfw-inline-toggle:hover{
      text-decoration:underline;
    }
    .mfw-costco-wrap{
      margin-top:14px;
      display:grid;
      gap:10px;
    }
    .mfw-costco-head{
      font-size:13px;
      font-weight:700;
      color:#92400e;
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .mfw-fuel{font-weight:700;color:#334155;}
    .mfw-price{font-size:28px;font-weight:800;color:#111827;}
    .mfw-empty{margin:0;color:#6b7280;font-size:14px;}
    .mfw-note{margin:14px 0 0 0;color:#6b7280;font-size:12px;line-height:1.5;}

    .mfw-brand{
      position:absolute;
      top:12px;
      right:12px;
      width:72px;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      pointer-events:none;
    }
    .mfw-brand__logo{
      display:block;
      width:100%;
      height:auto;
      max-height:42px;
      object-fit:contain;
    }
    .mfw-brand__label{
      margin-top:4px;
      font-size:10px;
      line-height:1.15;
      font-weight:600;
      color:#475569;
      word-break:break-word;
    }

    .mfw-empty-logo{
      position:absolute;
      top:12px;
      right:12px;
      width:84px;
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0.95;
      z-index:2;
    }

    .mfw-empty-logo__img{
      display:block;
      width:100%;
      height:auto;
      max-height:84px;
      object-fit:contain;
    }

    .mfw-empty-logo:hover{
      opacity:1;
    }

    @media (max-width:640px){
      .mfw-widget{padding:16px;}
      .mfw-title{font-size:24px;}
      .mfw-select{min-width:0;width:100%;}
      .mfw-controls{display:grid;grid-template-columns:1fr;}
      .mfw-card{padding:16px;padding-right:82px;min-height:120px;}
      .mfw-card--tomorrow-empty{padding-right:92px;}
      .mfw-station{font-size:20px;}
      .mfw-price{font-size:24px;}
      .mfw-discount-pill{font-size:12px;min-width:58px;}
      .mfw-brand{width:60px;top:10px;right:10px;}
      .mfw-brand__logo{max-height:34px;}
      .mfw-brand__label{font-size:9px;}
      .mfw-empty-logo{width:62px;top:10px;right:10px;}
      .mfw-empty-logo__img{max-height:62px;}
    }


.mfw-all-fuels{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.mfw-fuel-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
}

.mfw-fuel-row--discount{
  background:#fff7f7;
  border-color:#fecaca;
}

.mfw-fuel-main{
  min-width:0;
}

.mfw-fuel-name{
  font-size:13px;
  font-weight:700;
  color:#334155;
}

.mfw-fallback-note{
  font-size:11px;
  color:#64748b;
  margin-top:4px;
}

.mfw-fuel-prices{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.mfw-price-pair{
  display:flex;
  align-items:center;
  gap:6px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:5px 8px;
}

.mfw-price-pair--discount{
  border-color:#fecdd3;
  background:#fff1f2;
}

.mfw-price-label,
.mfw-price-label-inline{
  font-size:11px;
  color:#64748b;
  font-weight:700;
}

.mfw-price-value{
  font-size:13px;
  color:#111827;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.mfw-note{
  margin:14px 0 0;
  font-size:12px;
  color:#64748b;
}

@media (max-width:640px){
  .mfw-fuel-row{
    grid-template-columns:1fr;
    align-items:flex-start;
  }

  .mfw-fuel-prices{
    justify-content:flex-start;
  }

  .mfw-price-row{
    align-items:flex-start;
    flex-direction:column;
  }
}

.mfw-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.mfw-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:74px;
  text-align:center;
}

.mfw-brand__logo{
  width:44px;
  height:44px;
  object-fit:contain;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:6px;
}

.mfw-brand__label{
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  color:#475569;
}

.mfw-station-meta{
  margin:10px 0 12px;
  display:grid;
  gap:6px;
  font-size:12px;
  color:#475569;
}

.mfw-station-phone,
.mfw-station-features,
.mfw-station-hours{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px 10px;
}

.mfw-discount-note{
  margin:0 0 6px;
  font-size:12px;
  font-weight:700;
  color:#991b1b;
}

.mfw-discount-subnote{
  margin:0 0 12px;
  font-size:12px;
  color:#6b7280;
}

@media (max-width:640px){
  .mfw-card-top{
    align-items:flex-start;
  }

  .mfw-brand{
    min-width:60px;
  }

  .mfw-brand__logo{
    width:38px;
    height:38px;
  }
}