.si-hero{position:relative;background:var(--si-hero);color:#fff;padding:var(--si-space-12) var(--si-space-6);border-radius:var(--si-r-2xl);overflow:hidden;margin-bottom:var(--si-space-6)}.si-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 90% 0%,rgba(252,211,77,.12),transparent 60%);pointer-events:none}.si-hero-inner{position:relative;z-index:1;max-width:var(--si-container-max);margin:0 auto}.si-hero h1{color:#fff !important;margin:0 0 var(--si-space-3);letter-spacing:-0.02em}.si-hero p{color:rgba(255,255,255,.85);max-width:720px;margin:0}.si-hero-badges{display:flex;gap:var(--si-space-2);margin-top:var(--si-space-4);flex-wrap:wrap}.si-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:6px 12px;border-radius:var(--si-r-pill);font-size:var(--si-text-xs);font-weight:700;backdrop-filter:blur(8px)}.si-card{background:var(--si-surf);border:1px solid var(--si-line);border-radius:var(--si-r-xl);padding:var(--si-space-5);box-shadow:var(--si-shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.si-card:hover{transform:translateY(-2px);box-shadow:var(--si-shadow-md);border-color:var(--si-cyan)}.si-card-img{width:100%;border-radius:var(--si-r-md);margin-bottom:var(--si-space-3)}.si-card-title{font-size:var(--si-text-lg);font-weight:700;margin:0 0 var(--si-space-2);color:var(--si-ink)}.si-card-body{font-size:var(--si-text-sm);color:var(--si-muted);line-height:1.55}.si-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:var(--si-space-3);padding:10px 16px;background:var(--si-hero);color:#fff;border-radius:var(--si-r-pill);font-weight:600;font-size:var(--si-text-sm)}.si-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--si-r-md);font-weight:600;font-size:var(--si-text-sm);border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;text-decoration:none}.si-btn-primary{background:var(--si-hero);color:#fff;box-shadow:var(--si-shadow-glow)}.si-btn-primary:hover{transform:translateY(-2px)}.si-btn-secondary{background:var(--si-bg);color:var(--si-ink);border-color:var(--si-line)}.si-btn-secondary:hover{background:var(--si-line-soft)}.si-btn-or{background:var(--si-or-grad);color:var(--si-ink)}.si-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--si-cyan-ultra-pale);color:var(--si-cyan-dark);border-radius:var(--si-r-pill);font-size:11px;font-weight:700;letter-spacing:.02em}.si-badge-or{background:var(--si-or-soft);color:#92400E}.si-badge-green{background:var(--si-green-pale);color:var(--si-green-dark)}.si-badge-red{background:var(--si-red-pale);color:#991B1B}.si-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border:1px solid var(--si-line);border-radius:var(--si-r-pill);font-size:var(--si-text-xs);font-weight:600;color:var(--si-ink)}.si-pill.active{background:var(--si-blue-nuit);color:#fff;border-color:var(--si-blue-nuit)}.si-map,#map,#fuel-map{width:100% !important;min-height:380px !important;border-radius:var(--si-r-md);overflow:hidden;border:1px solid var(--si-line);background:#e8edf2;position:relative;display:block !important}#map{height:520px !important}#fuel-map{height:380px !important}.leaflet-container,#map.leaflet-container,#fuel-map.leaflet-container{font-family:var(--si-font-body) !important;background:#e8edf2 !important;border-radius:var(--si-r-md);width:100% !important;position:relative !important}#map .leaflet-map-pane,#map .leaflet-tile-container,#map .leaflet-tile-pane,#fuel-map .leaflet-map-pane,#fuel-map .leaflet-tile-container,#fuel-map .leaflet-tile-pane{width:100% !important;height:100% !important}.leaflet-pane{position:absolute !important;left:0 !important;top:0 !important}.leaflet-popup-content-wrapper{border-radius:var(--si-r-md) !important;box-shadow:var(--si-shadow-lg) !important;padding:0 !important}.leaflet-popup-content{margin:10px 14px !important;font-size:var(--si-text-sm) !important;line-height:1.4 !important;color:var(--si-ink) !important}.lf-gas{background:transparent;border:none}.lf-gas-pin{position:relative;width:38px;height:50px;transform:translateY(-12px)}.lf-gas-pin .pump{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:32px;height:34px;border-radius:14px 14px 14px 4px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;box-shadow:var(--si-shadow-md);border:2px solid #fff}.lf-gas-pin .pump::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:inherit;border-right:2px solid #fff;border-bottom:2px solid #fff}.lf-gas-pin .lbl{position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);background:var(--si-ink);color:#fff;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2)}.lf-shop-pin{width:36px;height:36px;border-radius:var(--si-r-sm);background:#fff;border:2px solid var(--si-ink);display:grid;place-items:center;box-shadow:var(--si-shadow);overflow:hidden}.lf-shop-pin img{width:24px;height:24px;object-fit:contain}.lf-me{background:transparent;border:none}.lf-me-dot{width:22px;height:22px;border-radius:50%;background:#1A73E8;border:3px solid #fff;box-shadow:0 0 0 8px rgba(26,115,232,.20),var(--si-shadow-md);position:relative}.lf-me-dot::before{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid #1A73E8;opacity:.6;animation:si-me-pulse 2s infinite}@keyframes si-me-pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.2);opacity:0}}.si-container{max-width:var(--si-container-max);margin:0 auto;padding:0 var(--si-space-5)}.si-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--si-space-5)}.si-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--si-space-5)}.si-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--si-space-4)}.si-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--si-space-5)}@media (max-width:768px){.si-grid-2,.si-grid-3,.si-grid-4{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.si-grid-3,.si-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){body{overflow-x:hidden !important}.si-hero{padding:var(--si-space-8) var(--si-space-5)}.si-hero h1{font-size:clamp(26px,7vw,36px) !important}}
/* ═══ Vague couleur v27 (31/05) — moins de bleu, dégradés par fonction ═══ */
/* CTAs en OR (règle v27 : tous les CTAs = or, plus de bleu partout) */
.si-card-cta,.si-btn-primary{background:var(--si-or-grad) !important;color:var(--si-ink) !important;box-shadow:0 8px 18px -8px rgba(234,179,8,.5) !important}
/* Barre d'accent dégradée chaude (coral→or→cyan) en haut de chaque carte — fond en couches, pas de position:relative */
.si-card{background:linear-gradient(90deg,#c2410c 0%,#FCD34D 50%,#06B6D4 100%) top left/100% 4px no-repeat, var(--si-surf)}
.si-card:hover{border-color:#c2410c}
/* Badges : garder la concordance (or par défaut chaud plutôt que cyan) */
.si-badge{background:var(--si-or-soft);color:#92400E}