/* ============================================================
   PrixCarbu — design system v3 « observatoire »
   Mode jour (gris clair / blanc / bleu / orange) + mode nuit par attribut html[data-theme]. Zéro dépendance externe.
   ============================================================ */

:root{
  /* =========================================================
     PRIXCARBU — DESIGN SYSTEM LIGHT (handoff 21/09/2026)
     bleu pétrole = structure · bleu électrique = interaction ·
     orange = action · blanc / bleu glacé = surfaces (≈ 75 / 18 / 7 %)
     ========================================================= */
  --navy:#001D3E;          /* navy 950 : structure, infobulles, textes forts */
  --navy-2:#002950;        /* navy 900 */
  --blue-ink:#0B3867;      /* navy 800 : intertitres */
  --brand:#0C74D8;         /* blue 500 : interaction, sélection */
  --brand-2:#045FBC;       /* blue 600 */
  --cyan:#5DC6EB;          /* cyan 300 : rehauts sur fonds sombres */
  --accent:#FD6A17;        /* orange 500 : boutons d'action, marque, hausses fortes */
  --accent-2:#FFAA00;      /* gold 500 : or du logo */
  --accent-soft:#FFF3E8;
  --deco:#C77700;          /* or lisible sur blanc : kickers, « À lire aussi » */
  --deco-line:#FFAA00;     /* or vif : filets, soulignés */
  --deco-soft:#FFF8EE;
  --blue:#0070e0;          /* liens : #125f96 jusqu au 23/09/2026 (trop proche du texte), #0070e0 = contraste AA 4,8:1 sur blanc */
  --blue-bright:#42A0E9;   /* blue 400 : accents sur fonds sombres */

  /* — surfaces & texte — */
  --paper:#F5F9FD;
  --card:#FFFFFF;
  --card-2:#EDF5FD;        /* bg blue : thead, hover, pastilles */
  --text:#082E55;          /* navy 850 */
  --text-2:#315885;
  --text-3:#678DAF;
  --border:#D7E5F1;
  --border-2:#C1D9EB;
  --shadow:0 3px 10px rgba(0,41,80,.07);
  --shadow-card:0 8px 24px rgba(0,41,80,.08);
  --shadow-card-hover:0 12px 32px rgba(0,41,80,.13);
  --shadow-orange:0 8px 22px rgba(253,106,23,.20);

  /* — chrome : barre haute et barre du bas (claires) — */
  --chrome-bg:#FFFFFF;
  --chrome-text:#082E55;
  --chrome-muted:#678DAF;
  --chrome-line:#D7E5F1;
  --chrome-hover:#EDF5FD;
  --chrome-active:#E5F2FD;
  --chrome-accent:#0C74D8;
  --chrome-field:#F5F9FD;
  --chrome-field-line:#D7E5F1;
  --install-bg:linear-gradient(160deg,#FFF8EE,#FFF1E0);
  --install-line:#FFD8B8;

  /* — hero : carte claire arrondie (dégradé blanc → bleu glacé + halos) — */
  --hero-bg:radial-gradient(circle at 28% 20%,rgba(93,198,235,.30),transparent 28%),radial-gradient(circle at 88% 10%,rgba(253,106,23,.10),transparent 25%),linear-gradient(135deg,#FFFFFF 0%,#EEF7FF 55%,#DCEEFF 100%);
  --hero-text:#001D3E;
  --hero-muted:#315885;
  --hero-line:rgba(193,217,235,.85);
  --hero-chip:#FFFFFF;
  --hero-chip-line:#C1D9EB;
  --hero-em:#FD6A17;
  --hero-accent:#0C74D8;
  --hero-card:rgba(255,255,255,.94);
  --hero-card-line:#D7E5F1;

  /* — sections bleu pétrole (stats, graphiques nationaux, CTA appli) — */
  --deep-bg:radial-gradient(circle at 75% 0%,rgba(93,198,235,.25),transparent 35%),linear-gradient(135deg,#001D3E,#0B3867 70%,#045FBC);
  --deep-kicker:#FFC233;

  /* — barre latérale : bleu pétrole en dégradé — */

  /* — barre latérale : bleu pétrole en dégradé — */
  --side-bg:linear-gradient(180deg,#001D3E 0%,#002950 48%,#073D70 100%);
  --side-text:#EAF5FF;
  --side-muted:rgba(208,229,247,.62);
  --side-line:rgba(255,255,255,.08);
  --side-hover:rgba(66,160,233,.12);
  --side-active:linear-gradient(90deg,#086CBD,#0C82DC);
  --side-accent:#5DC6EB;
  --side-field:rgba(255,255,255,.08);
  --side-field-line:rgba(255,255,255,.14);
  --side-install-bg:linear-gradient(160deg,rgba(66,160,233,.18),rgba(66,160,233,.06));
  --side-install-line:rgba(93,198,235,.32);

  /* — pied de page : même bleu pétrole que la barre latérale — */
  --footer-bg:linear-gradient(180deg,#002950 0%,#001D3E 100%);
  --footer-text:#B9DCFA;
  --footer-link:#EAF5FF;
  --footer-title:rgba(185,220,250,.62);
  --footer-line:rgba(255,255,255,.12);

  /* — sémantique (jamais la couleur seule : flèche + texte) — */
  --up:#E95B0C;            /* hausse : orange 600 */
  --down:#1E9A52;          /* baisse : vert */
  --warn:#B45309;

  /* — carburants : identifiant sur l'icône, jamais en fond de carte ni sur le prix — */
  --f-gazole:#FD6A17;
  --f-e10:#1687E8;
  --f-sp95:#21B66F;
  --f-sp98:#8759E8;
  --f-e85:#E9A400;
  --f-gplc:#12A5C3;

  /* — alias de compatibilité (anciens styles inline) — */
  --text2:var(--text-2);
  --green:var(--down);
  --red:var(--up);
  --orange:var(--accent);

  /* — type : tout en sans (la maquette abandonne le serif), --serif conservé comme alias — */
  --sans:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --serif:var(--sans);

  /* — métriques — */
  --radius:12px;
  --radius-s:9px;
  --radius-l:16px;
  --radius-xl:22px;
  --wrap:980px;
}

html[data-theme="dark"]{
  --navy:#0a1c33;
  --navy-2:#0f2947;
  --blue-ink:#9ccdf5;
  --brand:#2f8be0;
  --brand-2:#1a63b8;
  --accent:#ff7a45;
  --accent-2:#ffc857;
  --accent-soft:#3a1a10;
  --deco:#FFC233;
  --deco-line:#FFAA00;
  --deco-soft:#2a2410;
  --blue:#6db9e8;
  --paper:#0d1522;
  --card:#152238;
  --card-2:#1c2c47;
  --text:#e6edf6;
  --text-2:#9fb0c5;
  --text-3:#6d8098;
  --border:#243650;
  --border-2:#31476a;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --chrome-bg:#0a1c33;
  --chrome-text:#ffffff;
  --chrome-muted:rgba(255,255,255,.55);
  --chrome-line:rgba(255,255,255,.08);
  --chrome-hover:rgba(255,255,255,.08);
  --chrome-active:rgba(77,184,255,.16);
  --chrome-accent:#4db8ff;
  --chrome-field:rgba(255,255,255,.08);
  --chrome-field-line:rgba(255,255,255,.14);
  --install-bg:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  --install-line:rgba(255,255,255,.14);
  --hero-bg:linear-gradient(160deg,#0a1c33 0%,#0f2947 100%);
  --hero-text:#ffffff;
  --hero-muted:rgba(255,255,255,.66);
  --hero-line:rgba(255,255,255,.14);
  --hero-chip:rgba(255,255,255,.08);
  --hero-chip-line:rgba(255,255,255,.22);
  --hero-em:#ffa07a;
  --hero-accent:#4db8ff;
  --hero-card:#152238;
  --hero-card-line:#2a3f5e;
  --deep-bg:radial-gradient(circle at 75% 0%,rgba(93,198,235,.18),transparent 35%),linear-gradient(135deg,#0c2340 0%,#14335c 100%);
  --deep-kicker:#ffa07a;
  --cyan:#5DC6EB;
  --shadow-card:0 8px 24px rgba(0,0,0,.35);
  --shadow-card-hover:0 12px 32px rgba(0,0,0,.45);
  --shadow-orange:0 8px 22px rgba(253,106,23,.25);
  --footer-bg:#0a1c33;
  --footer-text:rgba(255,255,255,.55);
  --footer-link:rgba(255,255,255,.72);
  --footer-title:rgba(255,255,255,.45);
  --footer-line:rgba(255,255,255,.12);
  --up:#ff7f7f;
  --down:#5ed08a;
  --warn:#e8a34c;
  --f-gazole:#ff9142;
  --f-e10:#4fc3ff;
  --f-sp95:#43d98a;
  --f-sp98:#b78cff;
  --f-e85:#e8c84a;
  --f-gplc:#40c8de;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--sans);background:var(--paper);color:var(--text);line-height:1.6;font-size:15px;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px;}
img,svg{max-width:100%;}
.num,td.pc,.pb-val,.fb-price,.badge-price,.mt-price,.stat-card .sc-val,.vsb-val{font-variant-numeric:tabular-nums;}

/* ============ NAV ============ */
.nav{background:var(--chrome-bg);padding:0 20px;height:58px;display:flex;align-items:center;gap:18px;
  position:sticky;top:0;z-index:100;border-bottom:1px solid var(--chrome-line);}
.nav-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em;
  color:var(--chrome-text);text-decoration:none;flex-shrink:0;font-family:var(--sans);}
.nav-logo em{color:var(--accent);font-style:normal;}
html[data-theme="dark"] .nav-logo em{color:#ff8a65;}
.nav-logo img{border-radius:5px;flex-shrink:0;}
.logo-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--chrome-muted);margin-top:5px;margin-left:-2px;}
.nav-links{display:flex;gap:2px;margin:0 auto;}
.nav-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;
  color:var(--chrome-muted);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;
  border-bottom:2px solid transparent;transition:color .15s,background .15s;}
.nav-links a:hover{color:var(--chrome-text);background:var(--chrome-hover);text-decoration:none;}
.nav-links a[aria-current="true"]{color:var(--chrome-accent);background:var(--chrome-active);}
.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;
  background:var(--accent);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;
  flex-shrink:0;transition:filter .15s;}
.nav-cta:hover{filter:brightness(1.1);}

/* ============ BREADCRUMB ============ */
.breadcrumb{background:var(--card);border-bottom:1px solid var(--border);padding:9px 24px;
  font-size:12px;color:var(--text-2);}
.breadcrumb a{color:var(--text-2);}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb span{margin:0 7px;opacity:.45;}
.breadcrumb strong{color:var(--text);font-weight:600;}

/* ============ HERO ============ */
.hero{background:var(--hero-bg);border-bottom:1px solid var(--hero-line);
  padding:44px 24px 36px;color:var(--hero-text);position:relative;}
.hero-inner{max-width:var(--wrap);margin:0 auto;position:relative;}

.hero-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hero-chip-line);background:var(--hero-chip);
  border-radius:20px;padding:4px 13px;font-size:11px;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--hero-text);margin-bottom:18px;}
.hero-tag a{color:inherit;}
.hero-tag svg{opacity:.7;}
.hero h1{font-family:var(--serif);font-size:clamp(26px,4.2vw,42px);font-weight:700;
  line-height:1.15;margin-bottom:12px;letter-spacing:-.01em;}
.hero h1 em{color:var(--hero-em);font-style:italic;}
.hero-sub{font-size:16px;color:var(--hero-muted);margin-bottom:22px;line-height:1.55;}
.hero-sub a{color:inherit;text-decoration:underline;text-decoration-color:var(--hero-chip-line);}
.hero-meta{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--hero-line);padding-top:14px;}
.hero-meta-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--hero-muted);
  padding:0 18px;border-left:1px solid var(--hero-line);}
.hero-meta-item:first-child{padding-left:0;border-left:none;}
.hero-meta-item strong{color:var(--hero-text);font-weight:700;font-variant-numeric:tabular-nums;}
.hero-meta-item svg{opacity:.55;flex-shrink:0;}

/* ============ STRUCTURE ============ */
.container{max-width:var(--wrap);margin:0 auto;padding:36px 24px;}
.section{margin-bottom:44px;}
.kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  color:var(--deco);margin-bottom:6px;display:flex;align-items:center;gap:7px;}
.section-title{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--text);
  margin-bottom:16px;line-height:1.25;letter-spacing:-.01em;display:flex;align-items:baseline;gap:10px;}
.section-title::after{content:'';flex:1;height:1px;background:var(--border-2);align-self:center;min-width:40px;}
.section-sub{font-size:13px;color:var(--text-2);margin:-10px 0 16px;}

/* ============ BYLINE / SOURCE ============ */
.byline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2);
  padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:26px;}
.byline .byline-avatar{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
html[data-theme="dark"] .byline .byline-avatar{background:var(--navy-2);border:1px solid var(--border-2);}
.byline strong{color:var(--text);font-weight:600;}
.byline .sep{opacity:.4;}
.byline a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--border-2);}
.byline a:hover{color:var(--blue);}

/* ============ INTRO ÉDITORIALE ============ */
.intro-text-block{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px 28px;box-shadow:var(--shadow);}
.intro-text-block p{font-family:var(--sans);font-size:15px;line-height:1.8;color:var(--text);margin-bottom:14px;}
.intro-text-block p:last-of-type{margin-bottom:0;}
.intro-text-block p strong{font-weight:700;}
.intro-cta-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);}
.intro-link{color:var(--blue);font-size:13px;font-weight:600;font-family:var(--sans);}

/* ============ TABLEAU DE BORD PRIX (signature) ============ */
.price-board{background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius);
  overflow-x:auto;box-shadow:var(--shadow);}
.price-board table{width:100%;border-collapse:collapse;min-width:520px;}
.price-board th{background:var(--card-2);font-size:10.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.07em;color:var(--text-2);padding:9px 14px;text-align:right;border-bottom:1px solid var(--border-2);}
.price-board th:first-child{text-align:left;}
.price-board td{padding:11px 14px;font-size:14px;border-bottom:1px solid var(--border);text-align:right;}
.price-board tr:last-child td{border-bottom:none;}
.pb-fuel{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--text);text-align:left;}
.pb-fuel .fuel-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.pb-fuel small{font-weight:400;color:var(--text-3);font-size:11px;}
.pb-val{font-size:16px;font-weight:700;}
.pb-minmax{font-size:12.5px;color:var(--text-2);white-space:nowrap;}
.pb-minmax b{color:var(--down);font-weight:600;}
.pb-minmax i{color:var(--up);font-style:normal;font-weight:600;}
.pb-trend{font-size:12.5px;font-weight:600;white-space:nowrap;}
.pb-trend.up{color:var(--up);}
.pb-trend.down{color:var(--down);}
.pb-trend.neutral{color:var(--text-3);}
.pb-vs{font-size:12px;font-weight:600;white-space:nowrap;}
.pb-vs.up{color:var(--up);}
.pb-vs.down{color:var(--down);}
.pb-vs.neutral{color:var(--text-3);}

/* fuel-dot couleurs */
.fuel-dot.gazole{background:var(--f-gazole);}
.fuel-dot.e10{background:var(--f-e10);}
.fuel-dot.sp95{background:var(--f-sp95);}
.fuel-dot.sp98{background:var(--f-sp98);}
.fuel-dot.e85{background:var(--f-e85);}
.fuel-dot.gplc{background:var(--f-gplc);}

/* ============ BADGES CARBURANT (hero home) ============ */
.fuel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.fuel-badge{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:15px 17px;box-shadow:var(--shadow);border-top:3px solid currentColor;}
.fuel-badge .fb-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  color:var(--text-2);margin-bottom:7px;}
.fuel-badge .fb-price{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1;font-family:var(--sans);}
.fuel-badge .fb-unit{font-size:13px;color:var(--text-2);font-weight:500;}
.fuel-badge .fb-range{font-size:11.5px;margin-top:7px;color:var(--text-2);}
.fb-min{color:var(--down);font-weight:600;}
.fb-max{color:var(--up);font-weight:600;}
.fuel-badge .fb-trend{font-size:11.5px;margin-top:7px;font-weight:600;}
.fuel-badge .fb-trend.up{color:var(--up);}
.fuel-badge .fb-trend.down{color:var(--down);}
.fuel-badge .fb-trend.neutral{color:var(--text-3);}
/* Audit 06/09/2026 : période et heure de la variation 7 j (source unique extra.trend7) */


.fb-vs{font-size:11px;font-weight:600;margin-top:6px;}
.fb-vs.up{color:var(--up);}
.fb-vs.down{color:var(--down);}
@media(max-width:600px){.fuel-grid{grid-template-columns:repeat(2,1fr);}}

/* ============ GRAPHIQUES ============ */
.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.chart-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:16px 18px 12px;box-shadow:var(--shadow);}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.chart-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.chart-price{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;}
.chart-trend{font-size:11.5px;font-weight:600;margin-top:8px;}
.chart-trend.up{color:var(--up);}
.chart-trend.down{color:var(--down);}
.chart-trend.neutral{color:var(--text-3);}
.chart-svg text{font-family:var(--sans);font-size:9.5px;fill:var(--text-3);font-variant-numeric:tabular-nums;}
.chart-svg .grid-line{stroke:var(--border);stroke-width:1;}

@media(max-width:640px){.chart-grid{grid-template-columns:1fr;}}

/* sparkline compacte (héritage) */










/* ============ CARTE DE FRANCE (tuiles) ============ */
.map-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow);}
.map-scroll{overflow-x:auto;}
.map-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;min-width:560px;max-width:720px;margin:0 auto;}
.map-tile{aspect-ratio:1;border-radius:5px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-decoration:none;position:relative;transition:transform .12s,box-shadow .12s;
  color:#fff;line-height:1.1;}
.map-tile:hover{transform:scale(1.12);box-shadow:0 3px 12px rgba(0,0,0,.25);z-index:5;text-decoration:none;}
.map-tile .mt-code{font-size:10px;font-weight:700;opacity:.85;}
.map-tile .mt-price{font-size:9px;font-weight:600;opacity:.95;display:none;}
@media(min-width:700px){.map-tile .mt-price{display:block;}}
.map-tile.p1{background:#1b7a3d;}
.map-tile.p2{background:#6da33c;}
.map-tile.p3{background:#c98a1e;}
.map-tile.p4{background:#cd5c22;}
.map-tile.p5{background:#b3272f;}
.map-tile.p0{background:var(--card-2);color:var(--text-3);}
.map-legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:11.5px;color:var(--text-2);}
.map-legend span{display:inline-flex;align-items:center;gap:5px;}
.map-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;}

/* ============ TABLES ============ */
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border-2);
  background:var(--card);box-shadow:var(--shadow);}
table{width:100%;border-collapse:collapse;background:var(--card);}
th{background:var(--card-2);font-size:10.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--text-2);padding:9px 14px;text-align:left;
  border-bottom:1px solid var(--border-2);}
td{padding:11px 14px;font-size:13.5px;border-bottom:1px solid var(--border);}
tr:last-child td{border-bottom:none;}
tbody tr:hover td{background:var(--card-2);}
.badge-24h{display:inline-flex;align-items:center;gap:3px;background:transparent;
  color:var(--down);border:1px solid var(--down);border-radius:20px;
  font-size:10px;font-weight:700;padding:1px 7px;opacity:.85;}
.badge-price{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;}
.badge-rank{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;background:var(--card-2);border:1px solid var(--border-2);
  color:var(--text-2);font-size:11px;font-weight:700;}
.badge-rank.r1{background:var(--brand);border-color:var(--brand);color:#fff;}
.badge-rank.r2,.badge-rank.r3{background:var(--card-2);color:var(--text);}
.ville-link{font-weight:600;color:var(--text);}
.ville-link:hover{color:var(--blue);}
.st-addr{font-size:11px;color:var(--text-3);margin-top:2px;line-height:1.3;}

/* ============ STATS (bandeau sombre) ============ */
.intro-dark-stats,.dark-section{background:var(--deep-bg);border-radius:var(--radius);padding:26px;margin-bottom:44px;}
.dark-section .section-title{color:#fff;}
.dark-section .section-title::after{background:rgba(255,255,255,.15);}
.dark-section .kicker{color:var(--deep-kicker);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.intro-dark-stats .stats-grid{margin:0;}
.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-s);padding:18px 16px;text-align:center;color:#fff;}
.stat-card .sc-icon{height:30px;display:flex;align-items:center;justify-content:center;
  margin-bottom:8px;color:rgba(255,255,255,.55);}
.stat-card .sc-val{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em;}
.stat-card .sc-lbl{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);
  text-transform:uppercase;letter-spacing:.07em;margin-top:5px;}


@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);}}

/* ============ ANALYSE ============ */
.analysis-block{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--deco-line);
  border-radius:var(--radius);padding:22px 26px;box-shadow:var(--shadow);}
.analysis-block p{font-family:var(--sans);font-size:15px;line-height:1.8;color:var(--text);margin:0 0 14px;}
.analysis-block p:last-child{margin:0;}
.analysis-block strong{font-weight:700;}
.analysis-block h3{font-family:var(--sans);color:var(--blue-ink);font-size:17px;font-weight:800;line-height:1.3;margin:24px 0 10px;letter-spacing:-.01em;}
.analysis-block h3:first-child{margin-top:0;}
/* Audit 06/09/2026 : pages éditoriales sans h2, les intertitres h3 sont remontés en h2 (même rendu) */
.analysis-block h2{font-family:var(--sans);color:var(--blue-ink);font-size:17px;font-weight:800;line-height:1.3;margin:24px 0 10px;letter-spacing:-.01em;}
.analysis-block h2:first-child{margin-top:0;}
.analysis-block ul{margin:0 0 14px;padding-left:20px;}
.analysis-block li{margin:0 0 8px;font-size:15px;line-height:1.7;}
.analysis-block a{color:var(--blue);font-weight:600;}
.editorial-updated{font-size:13px;color:var(--text-2);margin:0 0 18px;}

/* ============ MARQUES ============ */
.marque-list{display:flex;flex-wrap:wrap;gap:8px;}
.marque-tag{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-s);
  padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--text);}
.marque-tag .mc{color:var(--text-3);font-size:11px;font-weight:500;margin-left:4px;}

/* ============ GUIDES ============ */
.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:start;}
.guide-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:border-color .15s,transform .15s;box-shadow:var(--shadow);}
.guide-card:hover{transform:translateY(-2px);border-color:var(--border-2);text-decoration:none;}
.guide-card-img{display:block;width:100%;height:auto;background:var(--card-2);}
.guide-card-body{padding:14px 16px 16px;}
.guide-card-t{display:block;font-family:var(--serif);font-weight:700;color:var(--text);font-size:16px;margin-bottom:6px;line-height:1.3;}
.guide-card-d{display:block;font-size:13px;color:var(--text-2);line-height:1.5;}
.edito-hero-img{display:block;width:100%;height:auto;border-radius:var(--radius);margin:0 0 6px;background:var(--card-2);}

/* ============ CTA ============ */
.cta-section{background:var(--deep-bg);border-radius:var(--radius);padding:32px;text-align:center;margin-bottom:44px;}
.cta-section h2{font-family:var(--serif);color:#fff;font-size:22px;font-weight:700;margin-bottom:8px;}
.cta-section p{color:rgba(255,255,255,.65);font-size:14px;margin-bottom:22px;}
.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.cta-btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;
  padding:12px 22px;font-size:14px;font-weight:700;cursor:pointer;
  text-decoration:none!important;transition:filter .15s;}
.cta-primary{background:var(--accent);color:#fff;}
.cta-primary:hover{filter:brightness(1.1);}
.cta-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);}
.cta-secondary:hover{background:rgba(255,255,255,.08);}
.cta-arrow{transition:transform .2s;}
.cta-btn:hover .cta-arrow{transform:translateX(4px);}

/* ============ FAQ (details natifs) ============ */
.faq-list{display:flex;flex-direction:column;gap:10px;}
details.faq-item{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);}
details.faq-item summary{padding:15px 20px;font-weight:600;font-size:14.5px;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;color:var(--text);}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary .faq-icon{flex-shrink:0;color:var(--text-3);transition:transform .25s;}
details.faq-item[open] summary .faq-icon{transform:rotate(45deg);color:var(--deco);}
details.faq-item .faq-a{padding:0 20px 16px;font-size:14.5px;color:var(--text-2);line-height:1.75;}
details.faq-item .faq-a a{color:var(--blue);}

/* ============ FOOTER ============ */
footer{background:var(--footer-bg);color:var(--footer-text);font-size:13px;padding:40px 24px 26px;margin-top:56px;border-top:1px solid var(--footer-line);}
.footer-cols{max-width:var(--wrap);margin:0 auto 26px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;text-align:left;}
.footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  color:var(--footer-title);margin-bottom:12px;}
/* Audit 06/09/2026 : titres de colonnes du footer en <p class="footer-title"> (plus de h4 hors plan de titres) */
.footer-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  color:var(--footer-title);margin:0 0 12px;}
.footer-col a{display:block;color:var(--footer-link);font-size:13px;padding:3px 0;}
.footer-col a:hover{color:var(--blue);}
.footer-base{max-width:var(--wrap);margin:0 auto;border-top:1px solid var(--footer-line);
  padding-top:18px;text-align:center;}
.footer-base a{color:var(--footer-text);}
/* héritage : anciens footers simples */




/* ============ RÉVÉLATION AU SCROLL ============ */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .reveal{opacity:1;transform:none;}
}

/* ============ RESPONSIVE ============ */
@media(max-width:600px){
  .hero{padding:32px 16px 26px;}
  .container{padding:26px 16px;}
  .cta-section{padding:24px 16px;}
  /* Audit 06/09/2026 : les liens de navigation ne sont plus masqués sur mobile mais forment une
     seconde rangée de chips défilable ; la nav n'est plus collante sous 600 px pour préserver
     l'écran utile face à l'annonce d'ancrage et à la CMP. Le CTA reste sur la première rangée. */
  .nav{flex-wrap:wrap;height:auto;padding:8px 12px 0;gap:0 12px;position:static;}
  .nav-cta{margin-left:auto;}
  .nav-links{display:flex;order:3;width:100%;overflow-x:auto;gap:4px;margin:4px 0 0;padding:0 0 8px;scrollbar-width:none;}
  .nav-links::-webkit-scrollbar{display:none;}
  .nav-links a{font-size:12px;padding:6px 10px;white-space:nowrap;}
  .hero-meta-item{padding:0 10px;font-size:12px;}
  .price-board th,.price-board td{padding:9px 8px;font-size:12.5px;}
  .pb-val{font-size:14px;}
  .pb-minmax{font-size:11px;}
}

/* ── Note de fraîcheur des relevés (revue 2026-07) ─────────────────────────── */
.data-note{font-size:12px;color:var(--text-2);line-height:1.6;margin:10px 0 0;
  padding:10px 14px;background:var(--card-2,rgba(120,130,150,.07));border-radius:8px;
  border-left:3px solid var(--border-2,rgba(120,130,150,.25));}

/* ── Rubrique Analyses (2026-07-21) ────────────────────────────────────────── */
.an-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0;}
.an-kpi{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow);}
.an-kpi-val{font-size:24px;font-weight:900;letter-spacing:-.02em;}
.an-kpi-lbl{font-size:11px;color:var(--text-2);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.4;}
.an-chart{margin:18px 0;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow);}
.an-chart svg{width:100%;height:auto;display:block;}
.an-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:var(--text-2);}
.an-legend span{display:inline-flex;align-items:center;gap:6px;}
.an-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;}
.an-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.an-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease;}
.an-card-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--card-2);}
.an-card-body{display:block;padding:16px 18px 18px;}
.an-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);}
.an-card-date{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);display:inline-flex;align-items:center;gap:5px;}
.an-card-t{display:block;font-size:17px;font-weight:800;margin:8px 0 6px;line-height:1.35;}
.an-card-d{display:block;font-size:13px;color:var(--text-2);line-height:1.55;}
.an-card-cta{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--blue);}
@media(max-width:600px){.an-kpi-val{font-size:20px;}}

/* ── Baromètre hebdo /actualite/ (2026-07-21) ──────────────────────────────── */
.baro-delta{margin-top:6px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:4px;}
.baro-delta span{font-weight:600;color:var(--text-2);font-size:10px;}
.baro-delta.up{color:#d9534f;}
.baro-delta.down{color:#1c9c58;}
.baro-delta.flat{color:var(--text-2);}
.top5-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:700px){.top5-grid{grid-template-columns:1fr;}}

/* ── « À lire aussi » : cartes articles liés (grille desktop, carrousel mobile) ── */
.rel-wrap{margin-top:6px;}
.rel-h{font-family:var(--serif);color:var(--deco);font-size:19px;font-weight:700;margin:0 0 12px;}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rel-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.10);border-color:var(--border-2);}
.rel-cover{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--deco-soft);}
img.rel-cover{height:auto;display:block;}
.rel-body{display:flex;flex-direction:column;gap:5px;padding:11px 13px 13px;}
.rel-kicker{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--deco);}
.rel-title{font-weight:700;font-size:14px;line-height:1.35;}
.rel-desc{font-size:12px;color:var(--text-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:760px){
  .rel-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch;}
  .rel-card{flex:0 0 78%;scroll-snap-align:start;}
}

/* ── Hover premium des titres de cartes : azur + trait jaune droite→gauche ── */
.rel-card:hover,.an-card:hover,.guide-card:hover{text-decoration:none;}
.rel-title,.an-card-t,.guide-card-t{position:relative;padding-bottom:7px;transition:color .18s ease;}
.rel-title::after,.an-card-t::after,.guide-card-t::after{content:'';position:absolute;left:0;bottom:0;
  width:52px;height:2px;border-radius:2px;background:var(--deco-line);
  transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1);}
.rel-card:hover .rel-title,.an-card:hover .an-card-t,.guide-card:hover .guide-card-t{color:var(--blue);}
.rel-card:hover .rel-title::after,.an-card:hover .an-card-t::after,.guide-card:hover .guide-card-t::after{transform:scaleX(1);}

/* ── Footer : dernières publications ── */
.footer-col .f-kind{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--chrome-accent);margin-right:2px;}
.footer-col .f-date{font-size:11px;color:var(--footer-title);white-space:nowrap;}

/* ── Sélecteur carburant : barre pleine largeur + cartes hero cliquables ── */
.hf-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 16px;}
.hf-chips .fs-btn{width:100%;text-align:center;}
@media(max-width:560px){.hf-chips{gap:5px;}.hf-chips .fs-btn{padding:7px 2px;font-size:10.5px;}}
.hf-fuel-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;}
.hf-fuel-card:hover{transform:translateY(-2px);}
.hf-fuel-card.active{box-shadow:0 0 0 2px currentColor;}
.hf-fuel-card:focus-visible{outline:2px solid currentColor;outline-offset:3px;}

/* ── Code couleur des montants dans la prose : euros et pourcentages ── */
.px-eur{color:var(--f-gazole);font-weight:700;}
.px-pct{color:var(--f-e85);font-weight:700;}
html[data-theme="dark"] .px-eur{color:#ffaf3c;}
html[data-theme="dark"] .px-pct{color:#ffd94a;}

/* ── Fronton hero : logo + badge centrés ── */



/* ── Série bilans mensuels ── */
.an-cards.bilans-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
.bilan-banner{display:flex;gap:0;align-items:stretch;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;margin:0 0 18px;box-shadow:var(--shadow);}
.bilan-banner .bb-img{width:300px;max-width:38%;height:auto;align-self:center;flex-shrink:0;}
.bilan-banner .bb-body{display:flex;flex-direction:column;gap:7px;padding:16px 20px;justify-content:center;}
.bb-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--deco);
  display:inline-flex;align-items:center;gap:6px;}
.bb-t{font-weight:800;font-size:18px;line-height:1.3;color:var(--text);transition:color .15s;}
.bb-d{font-size:13px;color:var(--text-2);line-height:1.5;}
.bilan-banner:hover{text-decoration:none;}
.bilan-banner:hover .bb-t{color:var(--blue);}
@media(max-width:640px){.bilan-banner{flex-direction:column;}
  .bilan-banner .bb-img{width:100%;max-width:100%;height:auto;}}

/* ── Garde-fous annonces automatiques AdSense (2026-08-16) ──
   Google pose un z-index:30 inline sur les <ins> auto et dimensionne parfois la crea
   plus large/haute que l'espace reserve : sans garde, la pub recouvre le texte qui suit
   (byline « Chiffres actualises le... » sous le H1 notamment). On neutralise le z-index,
   on plafonne la largeur au conteneur et on garde la byline au-dessus. */
.google-auto-placed{display:block;clear:both;max-width:100%;position:relative;z-index:0;margin:16px 0 !important;}
.google-auto-placed ins.adsbygoogle{z-index:0 !important;max-width:100% !important;overflow:hidden;}
/* 08/09/2026 : sur mobile, Google passe l annonce auto en « pleine largeur » : width = largeur
   d ecran + margin-left negatif (= retrait du conteneur) sur l <ins>. Le plafond max-width:100%
   ci-dessus garde la largeur du conteneur, mais la marge negative restait : pub collee a gauche,
   vide double a droite (capture user). Marges laterales forcees en auto : la pub reste dans le
   conteneur et se centre, quelle que soit la largeur que Google lui donne. */
.google-auto-placed ins.adsbygoogle{margin-left:auto !important;margin-right:auto !important;}
.byline{position:relative;z-index:1;}
/* 2026-08-17 : .section-sub a une marge negative (-10px) qui la faisait glisser
   sous la pub auto inseree entre le titre et elle : on annule la marge dans ce cas
   et on garde le texte au-dessus de la pub. */
.google-auto-placed + .section-sub{margin-top:0;}
.section-sub{position:relative;z-index:1;}

/* 26/08/2026 : bloc « Pour aller plus loin » (pages departement et ville) : rend guides,
   analyses et barometre crawlables depuis les 390 pages de donnees. */
.edito-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
.edito-links li{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);}
.edito-links li a{font-weight:700;color:var(--blue);text-decoration:none;line-height:1.3;}
.edito-links li a:hover{text-decoration:underline;}
.edito-links li span{font-size:12.5px;color:var(--text-2);line-height:1.4;}
/* Page 404 : liste des departements */
.nf-depts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.nf-depts a{font-size:12.5px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--text);background:var(--card);}
.nf-depts a:hover{border-color:var(--blue);color:var(--blue);}

/* ── CTA appli + vidéo dans les analyses (10/09/2026) ───────────────────── */
.an-cta{background:var(--deep-bg);border:1px solid rgba(77,184,255,.25);border-radius:14px;padding:22px 22px 20px;margin:22px 0;color:#fff;text-align:center;}
.an-cta-t{font-family:var(--serif);font-size:19px;font-weight:800;color:#fff;margin:0 0 6px;line-height:1.25;}
.an-cta p{color:rgba(255,255,255,.72);font-size:13.5px;margin:0 0 16px;line-height:1.5;}
.an-cta-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.an-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#f28a2e);color:#fff!important;font-size:14.5px;font-weight:800;text-decoration:none!important;box-shadow:0 6px 20px rgba(239,106,31,.35);transition:transform .2s,box-shadow .2s;}
.an-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(239,106,31,.5);}
.an-cta-btn2{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff!important;font-size:13.5px;font-weight:700;text-decoration:none!important;}
.an-cta-btn2:hover{background:rgba(255,255,255,.18);}
.an-cta svg{flex-shrink:0;}
.an-video{margin:16px 0 10px;background:#001533;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}
.an-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#001533;}
.an-video-cap{font-size:13px;color:var(--text-2);margin:8px 0 0;line-height:1.5;}
@media(max-width:600px){.an-cta{padding:18px 14px 16px;}.an-cta-t{font-size:17px;}}

/* ── Home : séparateur ligne bleue entre le carrousel des analyses et le bilan du mois (10/09/2026) ── */
.an-sep{display:flex;align-items:center;gap:14px;margin:26px 0 16px;}
.an-sep::before,.an-sep::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--blue));}
.an-sep::after{background:linear-gradient(90deg,var(--blue),transparent);}
.an-sep span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);white-space:nowrap;}

/* ── Scroll doux + bouton « remonter en haut » (10/09/2026) : pages SEO uniquement, l'app ne charge pas ce CSS ── */
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.to-top{position:fixed;right:18px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#125f96,#0090d4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 8px 24px rgba(18,95,150,.35);opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s,box-shadow .2s,bottom .25s ease;z-index:1200;-webkit-tap-highlight-color:transparent;}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .3s ease,visibility 0s,box-shadow .2s,bottom .25s ease;}
.to-top.show:hover{box-shadow:0 12px 30px rgba(18,95,150,.5);transform:translateY(-2px) scale(1.04);}
.to-top:focus-visible{outline:3px solid #ffb347;outline-offset:2px;}
.to-top svg{width:20px;height:20px;display:block;}
.to-top.to-top--lift{bottom:96px;}
@media(max-width:600px){.to-top{right:14px;bottom:16px;width:42px;height:42px;}.to-top.to-top--lift{bottom:88px;}}

/* ── Graphiques 90 j interactifs (10/09/2026) : sélecteur de période, stats, curseur ── */
.chart-seg{display:flex;gap:4px;justify-content:flex-end;margin:-4px 0 8px;}
.chart-seg button{font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;border:1px solid var(--border-2);background:transparent;color:var(--text-2);cursor:pointer;line-height:1.4;transition:background .15s,color .15s,border-color .15s;}
.chart-seg button:hover{border-color:var(--blue);color:var(--blue);}
.chart-seg button.active{background:var(--blue);border-color:var(--blue);color:#fff;}
.chart-seg button:focus-visible{outline:2px solid #ffb347;outline-offset:2px;}
.chart-body{position:relative;}
.chart-body .chart-svg{cursor:crosshair;touch-action:pan-y;}
.chart-svg .mm-dot{stroke:var(--card);stroke-width:1.5;}
.chart-svg .mm-lbl{font-size:9px;font-weight:800;fill:var(--text-2);}
.chart-svg .ch-line{stroke:var(--text-2);stroke-width:1;stroke-dasharray:3,3;opacity:.7;}
.chart-svg .ch-dot{stroke:#fff;stroke-width:1.5;}
.chart-tip{position:absolute;top:6px;left:0;pointer-events:none;background:var(--navy);color:#fff;font-size:11px;line-height:1.35;padding:5px 8px;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;transition:opacity .12s;white-space:nowrap;z-index:2;}
.chart-tip.on{opacity:1;}
.chart-tip b{font-size:12.5px;font-variant-numeric:tabular-nums;}
.chart-tip small{opacity:.7;}
.chart-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:11.5px;}
.chart-stats .cs{display:inline-flex;align-items:baseline;gap:5px;}
.chart-stats .cs-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);}
.chart-stats .cs-val{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);}
.chart-stats .cs-date{font-size:10.5px;color:var(--text-3);}

.chart-stats .cs-var.up .cs-val{color:var(--up);}
.chart-stats .cs-var.down .cs-val{color:var(--down);}
.chart-stats .cs-var.neutral .cs-val{color:var(--text-3);}
@media(max-width:600px){.chart-stats{gap:5px 10px;font-size:11px;}}

/* Graphiques interactifs : lisibilité dans la section navy de la home + infobulle fixe */
.chart-tip{background:#0b2545;color:#fff;}
.dark-section .chart-stats{border-top-color:rgba(255,255,255,.14);}
.dark-section .chart-stats .cs-val{color:#fff;}
.dark-section .chart-stats .cs-lbl,.dark-section .chart-stats .cs-date{color:rgba(255,255,255,.55);}

.dark-section .chart-seg button{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.75);}
.dark-section .chart-seg button:hover{border-color:var(--blue-bright);color:var(--blue-bright);}
.dark-section .chart-seg button.active{background:var(--blue-bright);border-color:var(--blue-bright);color:#001533;}
.dark-section .chart-svg .mm-lbl{fill:rgba(255,255,255,.8);}
.dark-section .chart-svg .mm-dot{stroke:#0b2545;}
.dark-section .chart-svg .ch-line{stroke:rgba(255,255,255,.6);}
.dark-section .chart-tip{background:#1d3557;border:1px solid rgba(255,255,255,.2);}

/* Graphiques : agrandissement en modale (10/09/2026) */





html.chart-modal-open{overflow:hidden;}
.chart-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,10,25,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease;}
.chart-modal.on{opacity:1;}
.chart-modal-inner{position:relative;width:min(1040px,100%);max-height:100%;overflow:auto;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.45);padding:22px 24px 18px;transform:translateY(10px) scale(.985);transition:transform .22s ease;}
.chart-modal.on .chart-modal-inner{transform:none;}
.chart-modal-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-2);background:transparent;color:var(--text-2);font-size:24px;line-height:1;cursor:pointer;z-index:2;}
.chart-modal-close:hover{color:var(--text);border-color:var(--text-2);}
.chart-modal-close:focus-visible{outline:2px solid #ffb347;outline-offset:2px;}
.chart-modal .chart-panel{border:0;box-shadow:none;padding:0;background:transparent;}
.chart-modal .chart-head{margin-right:44px;}
.chart-modal .chart-name{font-size:15px;}
.chart-modal .chart-price{font-size:24px;}
.chart-modal .chart-seg button{font-size:12px;padding:5px 14px;}
.chart-panel--big .chart-svg text{font-size:11px;}
.chart-panel--big .chart-svg .mm-lbl{font-size:11px;}
.chart-modal .chart-tip{font-size:12.5px;padding:7px 10px;}
.chart-modal .chart-tip b{font-size:15px;}
.chart-modal .chart-stats{font-size:13px;gap:8px 20px;margin-top:14px;padding-top:12px;}
.chart-modal .chart-stats .cs-lbl{font-size:10.5px;}
.chart-modal .chart-trend{font-size:13px;}
.chart-modal-sub{margin-top:12px;font-size:11.5px;color:var(--text-3);}
@media(max-width:600px){.chart-modal{padding:8px;}.chart-modal-inner{padding:16px 12px 12px;border-radius:12px;}.chart-modal .chart-price{font-size:20px;}}

/* Graphiques : pied = tendance 7 j à gauche, variation de la période à droite ; clic = agrandir */
.chart-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-top:8px;}
.chart-foot .chart-trend{margin-top:0;}
.chart-foot .cs-var{margin-left:auto;display:inline-flex;align-items:baseline;gap:5px;font-size:11.5px;}
.chart-foot .cs-var .cs-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);}
.chart-foot .cs-var .cs-val{font-weight:800;font-variant-numeric:tabular-nums;}
.chart-foot .cs-var.up .cs-val{color:var(--up);}
.chart-foot .cs-var.down .cs-val{color:var(--down);}
.chart-foot .cs-var.neutral .cs-val{color:var(--text-3);}
.dark-section .chart-foot .cs-var .cs-lbl{color:rgba(255,255,255,.55);}
.chart-panel:not(.chart-panel--big) .chart-body .chart-svg{cursor:zoom-in;}
.chart-modal .chart-foot{margin-top:12px;font-size:13px;}
.chart-modal .chart-foot .cs-var{font-size:13px;}

/* + bas a gauche, + haut a droite (10/09/2026) */
.chart-stats{justify-content:space-between;}

/* « Pour aller plus loin » : cartes avec vignette (10/09/2026) */
.edito-links li{padding:0;overflow:hidden;}
.edito-links .el-cover{display:block;line-height:0;}
.edito-links .el-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--card-2);}
.edito-links .el-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;}
.edito-links li:hover .el-img{filter:brightness(1.06);}

/* ============ NAV V2 (16/09/2026) : barre haute sticky + barre latérale + recherche ============ */
.nav-v2{--sn-w:260px;}
.skip{position:fixed;left:8px;top:-60px;z-index:400;background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px;font-weight:700;transition:top .15s;}
.skip:focus{top:8px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.topbar{background:var(--chrome-bg);height:58px;display:flex;align-items:center;gap:10px;padding:0 14px;
  position:sticky;top:0;z-index:100;border-bottom:1px solid var(--chrome-line);box-shadow:0 1px 10px rgba(12,35,64,.05);}
.topbar .nav-logo{margin-right:auto;}
.tb-menu,.tb-search-btn,.sn-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:none;background:transparent;color:var(--chrome-text);border-radius:9px;cursor:pointer;flex-shrink:0;}
.tb-menu:hover,.tb-search-btn:hover,.sn-close:hover{background:var(--chrome-hover);}
.topbar .sn-search{display:none;}
.topbar .nav-cta{padding:8px 12px;}
.nav-logo-w{display:inline-flex;align-items:baseline;white-space:nowrap;}
.nav-logo-w .logo-tag{margin:0 0 0 2px;}
/* recherche département / ville */
.sn-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--chrome-field);
  border:1px solid var(--chrome-field-line);border-radius:9px;padding:0 10px;height:40px;color:var(--chrome-muted);}
.sn-search:focus-within{border-color:var(--chrome-accent);background:var(--card);box-shadow:0 0 0 3px var(--chrome-active);}
.sn-search svg{flex-shrink:0;}
.sn-search input{flex:1;min-width:0;background:transparent;border:none;color:var(--chrome-text);font:inherit;font-size:14px;outline:none;}
.sn-search input::placeholder{color:var(--chrome-muted);}
.sn-search input::-webkit-search-cancel-button{-webkit-appearance:none;}
.sn-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:210;margin:0;padding:6px;list-style:none;
  background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 30px rgba(12,35,64,.22);max-height:320px;overflow:auto;}
.sn-results li a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;
  color:var(--text);font-size:14px;text-decoration:none;}
.sn-results li a:hover,.sn-results li a.is-active{background:var(--card-2);text-decoration:none;}
.sn-results li a small{color:var(--text-3);font-size:11.5px;white-space:nowrap;}
.sn-results li.sn-empty{padding:8px 10px;font-size:13px;color:var(--text-2);}
/* barre latérale */
.nav-veil{position:fixed;inset:0;z-index:150;background:rgba(6,16,32,.55);backdrop-filter:blur(2px);}
.side-nav{--chrome-bg:var(--side-bg);--chrome-text:var(--side-text);--chrome-muted:var(--side-muted);--chrome-line:var(--side-line);
  --chrome-hover:var(--side-hover);--chrome-active:var(--side-active);--chrome-accent:var(--side-accent);--chrome-field:var(--side-field);
  --chrome-field-line:var(--side-field-line);--install-bg:var(--side-install-bg);--install-line:var(--side-install-line);
  position:fixed;top:0;right:0;bottom:0;z-index:200;width:min(86vw,320px);background:var(--chrome-bg);color:var(--chrome-text);
  display:flex;flex-direction:column;gap:10px;padding:10px 12px calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;
  transform:translateX(102%);transition:transform .22s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 0 1px var(--chrome-line),-10px 0 30px rgba(12,35,64,.18);}
.side-nav.open{transform:none;}
.nav-open{overflow:hidden;}
.sn-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;}
.sn-group{display:flex;flex-direction:column;gap:2px;}
.sn-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-muted);padding:6px 10px 3px;white-space:nowrap;}
.sn-group a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--chrome-text);
  font-size:14px;font-weight:600;text-decoration:none;line-height:1.25;}
.sn-group a svg{opacity:.65;flex-shrink:0;}
.sn-group a:hover{background:var(--chrome-hover);color:var(--chrome-text);text-decoration:none;}
.sn-group a[aria-current="page"]{background:var(--chrome-active);color:var(--chrome-accent);}
.sn-group a[aria-current="page"] svg{opacity:1;color:var(--chrome-accent);}
.sn-tag{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;
  background:var(--chrome-active);color:var(--chrome-accent);}
.sn-install{margin-top:auto;background:var(--install-bg);border:1px solid var(--install-line);
  border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;}
.sn-install-t{font-family:var(--serif);font-size:17px;font-weight:700;}
.sn-install-s{font-size:12.5px;color:var(--chrome-muted);line-height:1.4;}
.sn-install-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:10px 12px;border-radius:9px;
  background:var(--accent);color:#fff!important;font-weight:800;font-size:13.5px;text-decoration:none!important;}
.sn-install-btn:hover{filter:brightness(1.1);}
.sn-install-m{font-size:11px;color:var(--chrome-muted);text-align:center;}
.nav-v2.is-standalone .sn-install{display:none;}
/* sous-liens d'ancres (accueil, hub, prix du jour, baromètre) */
.sn-group .sn-sub{list-style:none;margin:-1px 0 6px;padding:0 0 0 24px;display:flex;flex-direction:column;gap:1px;}
.sn-group .sn-sub a{display:block;padding:4px 9px;font-size:12.5px;font-weight:500;color:var(--chrome-muted);
  border-left:2px solid var(--chrome-line);border-radius:0 6px 6px 0;line-height:1.3;}
.sn-group .sn-sub a:hover{color:var(--chrome-text);background:var(--chrome-hover);}
.sn-group .sn-sub a.is-here{color:var(--chrome-accent);border-left-color:var(--chrome-accent);background:var(--chrome-active);}
/* ANCRE-20261008 : toute ancre (#configurer, #prix-moyens, sous-menus…) s'arrête sous la barre haute collante (58 px) + 18 px d'air */
html{scroll-padding-top:76px}
/* desktop : barre latérale fixe, barre haute avec recherche, contenu décalé */
@media(min-width:1100px){
  body.nav-v2{padding-left:var(--sn-w);}
  .nav-v2 .side-nav{transform:none;left:0;right:auto;width:var(--sn-w);box-shadow:none;border-right:1px solid var(--chrome-line);}
  .nav-v2 .bottombar{display:none;}
  .nav-v2 .sn-head .sn-close,.nav-v2 .tb-menu,.nav-v2 .tb-search-btn,.nav-v2 .nav-veil{display:none!important;}
  .nav-v2 .topbar .nav-logo{display:none;}
  .nav-v2 .topbar .sn-search{display:flex;width:min(440px,44vw);position:absolute;left:50%;transform:translateX(-50%);}
  .nav-v2 .topbar .nav-cta{margin-left:auto;}
  .nav-v2 .tb-fuel{display:block;}
  .nav-v2 .side-nav .sn-fuel{display:none;}
  .nav-v2 .topbar{padding:0 24px;}
  .nav-v2 .side-nav .sn-search{display:none;}
  .nav-v2 .google-auto-placed,.nav-v2 .to-top{max-width:calc(100vw - var(--sn-w));}
}
@media(max-width:1099px){
  .nav-v2 .side-nav .nav-logo{font-size:16px;}
  .nav-v2 .topbar .nav-logo{margin-left:46px;} /* l'onglet de repli de l'annonce ancrée Google occupe le coin haut gauche */
  body.nav-v2{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px));}
  .nav-v2 .to-top{bottom:calc(72px + env(safe-area-inset-bottom,0px));}
  .nav-v2 .to-top.to-top--lift{bottom:calc(140px + env(safe-area-inset-bottom,0px));}
}
/* barre du bas mobile (16/09/2026) */
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--chrome-bg);border-top:1px solid var(--chrome-line);padding-bottom:env(safe-area-inset-bottom,0px);
  box-shadow:0 -4px 18px rgba(12,35,64,.08);}
.bottombar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;
  color:var(--chrome-muted);font-size:10.5px;font-weight:700;letter-spacing:.02em;text-decoration:none;}
.bottombar a svg{opacity:.85;}
.bottombar a:hover,.bottombar a:active{color:var(--chrome-text);text-decoration:none;}
.bottombar a[aria-current="page"]{color:var(--chrome-accent);}
.bottombar a[aria-current="page"] svg{opacity:1;}
.nav-v2.is-standalone .bottombar{grid-template-columns:repeat(3,1fr);}
.nav-v2.is-standalone .bb-install{display:none;}
/* semaine 2 : classement par carburant en tête des pages pilotes */
.t5-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.t5-chip{font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;
  background:var(--card);color:var(--fc);border:1.5px solid var(--fc);transition:background .15s,color .15s;}
.t5-chip.active{background:var(--fc);color:#fff;}
.t5-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.t5-table[hidden]{display:none;}
.t5-addr{font-size:11px;color:var(--text-2);}
.t5-brand{font-size:13px;}
.t5-fresh{font-size:10.5px;color:var(--text-3);white-space:nowrap;}
.t5-go{display:inline-block;padding:6px 10px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:700;white-space:nowrap;}
.t5-go:hover{background:var(--accent);color:#fff;text-decoration:none;}
html[data-theme="dark"] .t5-go{background:rgba(232,73,31,.18);color:#ff8a65;}
html[data-theme="dark"] .t5-chip{background:var(--card);}
.t5-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.t5-actions .cta-secondary{color:var(--blue);border-color:var(--border-2);}
@media(max-width:600px){.t5-actions .cta-btn{flex:1 1 100%;justify-content:center;}.t5-brand{display:none;}.t5 th:nth-child(3),.t5 td:nth-child(3){display:none;}}
@media (prefers-reduced-motion:reduce){.side-nav{transition:none;}}
/* mobile étroit : barre haute compacte (le CTA débordait à 400 px) ; bouton « remonter » masqué sous le tiroir */
@media(max-width:460px){
  .nav-v2 .topbar{gap:4px;padding:0 10px;}
  .nav-v2 .topbar .nav-logo img{display:none;}
  .nav-v2 .topbar .nav-logo{font-size:16px;gap:6px;}
  .nav-v2 .tb-menu,.nav-v2 .tb-search-btn{width:38px;height:38px;}
  .nav-v2 .topbar .nav-cta{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-size:12.5px;}
}
.nav-open .to-top{display:none!important;}

/* titres long (desktop) / court (mobile) : même h2, bascule CSS (17/09/2026) */
.t-short{display:none;}
@media(max-width:760px){.t-long{display:none;}.t-short{display:inline;}}
/* emplacements publicitaires dédiés (accueil) */
.pc-ad{margin:6px 0 40px;text-align:center;}
.pc-ad[data-pos="top"]{margin:0 0 26px;}
/* encart de la barre latérale (desktop seulement, initialisé par seo_theme.js) */
.sn-ad{margin:2px 0 6px;min-height:250px;max-height:260px;overflow:hidden;text-align:center;}
.pc-ad ins.adsbygoogle{min-height:100px;}

/* ── « Votre carburant » (17/09/2026) : pastille desktop + chips mobile, mise en avant sans masquer ── */
.tb-fuel{position:relative;display:none;}
.tb-fuel-btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:9px;cursor:pointer;font:inherit;
  background:var(--chrome-field);border:1px solid var(--chrome-field-line);color:var(--chrome-text);}
.tb-fuel-btn:hover{background:var(--chrome-hover);}
.tb-fuel-btn .tbf-dot{width:9px;height:9px;border-radius:50%;background:#FD6A17;box-shadow:0 0 0 3px var(--chrome-active);}
.tb-fuel-btn .tbf-lbl{font-size:11px;color:var(--chrome-muted);}
.tb-fuel-btn .tbf-val{font-size:13.5px;font-weight:700;}
.tb-fuel-btn .tbf-car{font-size:11px;color:var(--chrome-muted);}
.tb-fuel-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:210;min-width:210px;padding:6px;
  background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(12,35,64,.22);display:flex;flex-direction:column;gap:2px;}
.tb-fuel-menu[hidden]{display:none;}
.tb-fuel-menu .fuel-pick{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:7px;
  background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
.tb-fuel-menu .fuel-pick:hover{background:var(--card-2);}
.tb-fuel-menu .fuel-pick.is-active{background:var(--card-2);color:var(--blue);}
.tb-fuel-menu .fuel-pick .fb-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.tb-fuel-menu .fuel-pick-reset{border-top:1px solid var(--border);border-radius:0 0 7px 7px;margin-top:4px;font-size:12.5px;color:var(--text-2);}
.sn-fuel-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 4px;}
.sn-fuel-chips .fuel-pick{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;
  border:1px solid var(--chrome-field-line);background:var(--chrome-field);color:var(--chrome-text);cursor:pointer;}
.sn-fuel-chips .fuel-pick .fb-dot{width:8px;height:8px;border-radius:50%;}
.sn-fuel-chips .fuel-pick.is-active{background:var(--chrome-active);border-color:var(--chrome-accent);color:var(--chrome-accent);}
/* mise en avant du carburant préféré */
.hero .fuel-badge.is-pref{border-color:var(--hero-accent);box-shadow:0 0 0 3px var(--hero-chip);}

/* ── Bouton jour / nuit (21/09/2026) : à côté de « Votre carburant » en desktop, entre recherche et menu en mobile ── */
.tb-theme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:9px;cursor:pointer;flex-shrink:0;
  background:var(--chrome-field);border:1px solid var(--chrome-field-line);color:var(--chrome-text);transition:background .15s,color .15s,transform .15s;}
.tb-theme:hover{background:var(--chrome-hover);color:var(--chrome-accent);}
.tb-theme:active{transform:scale(.94);}
.tb-theme svg{width:19px;height:19px;display:block;}
.tb-theme .ic-sun{display:none;}
html[data-theme="dark"] .tb-theme .ic-sun{display:block;}
html[data-theme="dark"] .tb-theme .ic-moon{display:none;}
html[data-theme="dark"] .tb-theme:hover{color:#ffd166;}
@media(max-width:1099px){
  .nav-v2 .tb-search-btn{order:1;}
  .nav-v2 .tb-theme{order:2;width:42px;height:42px;background:transparent;border-color:transparent;}
  .nav-v2 .tb-menu{order:3;}
  .nav-v2 .topbar .nav-cta{order:4;}
}
@media(max-width:460px){.nav-v2 .tb-theme{width:38px;height:38px;}}
/* CTA de la barre haute : libellé court sous 520 px (« Carte » / « Stations »), le long au-delà */
.nav-cta .cta-s{display:none;}
@media(max-width:520px){.nav-v2 .topbar .nav-cta .cta-l{display:none;}.nav-v2 .topbar .nav-cta .cta-s{display:inline;}}
tr.is-pref td{background:var(--card-2);}
tr.is-pref .pb-fuel{font-weight:800;}
.chart-panel.is-pref{box-shadow:0 0 0 2px var(--blue-bright);}
.an-kpi.is-pref{box-shadow:0 0 0 2px var(--blue-bright);}
.fuel-badge.is-pref{box-shadow:0 0 0 2px var(--blue-bright);}

/* =========================================================
   DESIGN SYSTEM v3 (21/09/2026) : couche composants « maquette »
   Surcharges posées en fin de feuille (même spécificité : la dernière
   règle gagne). Typo tout en sans, cartes blanches arrondies, icône
   carburant colorée, CTA orange dégradé, barre latérale bleu pétrole,
   hero = carte claire arrondie avec la bannière robot sur l'accueil.
   ========================================================= */
body{font-size:15px;}
.section-title{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--navy);}
html[data-theme="dark"] .section-title{color:var(--text);}
.section-title::after{height:1px;background:linear-gradient(90deg,var(--border-2),transparent);}
.section-title svg{color:var(--brand);}
.kicker{color:var(--deco);font-weight:800;}
.kicker svg{color:var(--deco-line);}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px;}

/* cartes : rayons 12/16, ombre froide légère, léger soulèvement au survol */
.root-intro,.intro-text-block,.analysis-block,.chart-panel,.map-wrap,.price-board,.table-wrap,.an-kpi,.an-chart,
.an-card,.guide-card,.rel-card,.edito-links li,.bilan-banner,details.faq-item,.tip-card,.mini-region,.dept-card,.vsb-card,.marque-tag{
  border-radius:var(--radius);box-shadow:var(--shadow);}
.root-intro,.intro-text-block,.analysis-block,.an-card,.guide-card,.bilan-banner,.map-wrap{border-radius:var(--radius-l);}
.an-card:hover,.guide-card:hover,.rel-card:hover{box-shadow:var(--shadow-card-hover);border-color:#B2D6F3;}
.root-intro,.intro-text-block{padding:26px 30px;}
/* bloc éditorial (analyse de la semaine, articles) : filet or + fondu chaud à droite */
.analysis-block{border:1px solid rgba(255,170,0,.55);border-left:4px solid var(--deco-line);
  background:linear-gradient(135deg,var(--card) 0%,var(--card) 70%,var(--deco-soft) 100%);box-shadow:0 7px 22px rgba(0,41,80,.06);}
html[data-theme="dark"] .analysis-block{border-color:var(--border);border-left-color:var(--deco-line);background:var(--card);}
.analysis-block h2,.analysis-block h3{color:var(--blue-ink);}
.ville-intro{border-radius:var(--radius);}

/* tableaux et pastilles */
th,.price-board th,.st-table th{background:var(--card-2);color:var(--text-2);}
.badge-rank.r1{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;}
.byline .byline-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-2));}
html[data-theme="dark"] .byline .byline-avatar{background:var(--navy-2);}

/* boutons : orange dégradé pour l'action, bleu pour le secondaire */
.nav-cta,.cta-primary,.sn-install-btn,.btn-app-primary,.an-cta-btn,.skip{
  background:linear-gradient(135deg,#FF8A1F 0%,#FD6A17 55%,#E95B0C 100%);border:1px solid rgba(225,76,0,.25);
  box-shadow:var(--shadow-orange);transition:transform .16s ease,box-shadow .16s ease;}
.nav-cta:hover,.cta-primary:hover,.sn-install-btn:hover,.btn-app-primary:hover,.an-cta-btn:hover{filter:none;transform:translateY(-1px);
  background:linear-gradient(135deg,#FF972F 0%,#F45B0A 100%);box-shadow:0 10px 26px rgba(253,106,23,.28);}
.nav-cta{border-radius:9px;font-weight:800;}
.chart-seg button.active,.sb-seg button[aria-pressed="true"]{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;}
.to-top{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:rgba(255,255,255,.35);}

/* barre haute (claire) : pastilles bleu glacé, recherche, bouton jour/nuit */
.topbar{box-shadow:0 1px 0 var(--chrome-line),0 3px 10px rgba(0,41,80,.05);}
.tb-fuel-btn,.tb-theme,.topbar .sn-search{background:var(--card-2);border-color:var(--chrome-line);}
.tb-fuel-btn:hover,.tb-theme:hover{background:#E5F2FD;border-color:#B2D6F3;}
.tb-fuel-btn .tbf-val{color:var(--navy);}
.tb-theme{color:var(--brand);}
.topbar .sn-search:focus-within{background:var(--card);border-color:var(--brand);box-shadow:0 0 0 3px rgba(12,116,216,.14);}
.topbar .sn-search svg{color:var(--brand);}
html[data-theme="dark"] .tb-fuel-btn,html[data-theme="dark"] .tb-theme,html[data-theme="dark"] .topbar .sn-search{background:var(--chrome-field);border-color:var(--chrome-field-line);}
html[data-theme="dark"] .tb-fuel-btn .tbf-val{color:#fff;}
html[data-theme="dark"] .tb-theme{color:var(--chrome-text);}

/* logo image (barre haute mobile + tête de la barre latérale) */
.nav-logo img{width:150px;height:auto;border-radius:0;}
.nav-logo .nav-logo-w{display:none;}
.nav-v2 .topbar .nav-logo img{display:block;}
@media(max-width:460px){.nav-v2 .topbar .nav-logo img{display:block;width:118px;}}
.side-nav .sn-head .nav-logo img{width:200px;}

/* barre latérale : dégradé bleu pétrole, lien actif en dégradé bleu + barre cyan */
.side-nav .sn-group a{color:#D0E5F7;font-weight:600;}
.side-nav .sn-group a svg{color:#B9DCFA;opacity:1;}
.side-nav .sn-group a:hover,.side-nav .sn-group a:hover svg{color:#fff;}
.side-nav .sn-group a[aria-current="page"]{color:#fff;background:var(--side-active);box-shadow:inset 3px 0 0 var(--side-accent),0 4px 12px rgba(0,0,0,.10);}
.side-nav .sn-group a[aria-current="page"] svg{color:#fff;}
.side-nav .sn-tag{background:rgba(66,160,233,.2);color:#9BD7F7;}
.side-nav .sn-label{color:rgba(208,229,247,.55);}
.side-nav .sn-group .sn-sub a{color:rgba(208,229,247,.72);border-left-color:rgba(255,255,255,.14);}
.side-nav .sn-group .sn-sub a.is-here{color:#fff;border-left-color:var(--side-accent);background:rgba(66,160,233,.14);}
.side-nav .sn-install{border-radius:14px;}
.side-nav .sn-install-t{color:#fff;}
.side-nav .sn-install-s,.side-nav .sn-install-m{color:rgba(208,229,247,.72);}
.side-nav .sn-fuel-chips .fuel-pick.is-active{background:rgba(66,160,233,.2);border-color:var(--side-accent);color:#fff;}
.bottombar a[aria-current="page"]{color:var(--brand);}

/* hero : carte claire arrondie dans le flux, titre sans 800, mot-clé orange */
.hero{margin:18px 24px 0;border-radius:var(--radius-xl);border:1px solid var(--hero-line);box-shadow:var(--shadow-card);padding:36px 32px 30px;overflow:hidden;}
.hero h1{font-family:var(--sans);font-weight:800;letter-spacing:-.025em;font-size:clamp(26px,3.6vw,40px);}
.hero h1 em{font-style:italic;}
.hero-tag{background:var(--hero-chip);border-color:var(--hero-chip-line);color:var(--hero-text);font-weight:700;box-shadow:0 2px 8px rgba(0,41,80,.06);}
.hero-tag svg{color:var(--brand);opacity:1;}
.hero-meta-item strong{color:var(--brand);}
.breadcrumb{background:transparent;border-bottom:none;padding:12px 24px 0;}
@media(max-width:600px){.hero{margin:12px 12px 0;padding:22px 16px 20px;border-radius:var(--radius-l);}.breadcrumb{padding:10px 16px 0;}}
/* accueil : bannière entière (robot, wordmark, station, slogan) en tête de la carte hero ; le bloc titre + cartes
   remonte sur le sol clair de l'image avec un fondu, la pastille « données du » ouvre le bloc (v3.1, 21/09/2026) */
.hero--home{padding:0 0 30px;}
.hero-banner{margin:0;line-height:0;}
.hero-banner img{display:block;width:100%;height:auto;}
.hero--home .hero-inner{position:relative;z-index:1;margin-top:-17%;padding:70px 32px 0;
  background:linear-gradient(180deg,rgba(238,247,255,0) 0%,rgba(240,247,255,.82) 26%,rgba(240,247,255,.97) 42%,#EEF7FF 60%,rgba(238,247,255,0) 100%);}
.hero--home .hero-tag{margin-bottom:14px;}
@media(max-width:900px){.hero--home .hero-inner{margin-top:-13%;padding:44px 16px 0;}}
@media(max-width:600px){.hero--home{padding-bottom:20px;}.hero--home .hero-inner{margin-top:-14%;padding-top:34px;}}
html[data-theme="dark"] .hero--home .hero-inner{background:linear-gradient(180deg,rgba(10,28,51,0) 0%,rgba(10,28,51,.85) 24%,#0d2242 45%,rgba(13,34,66,0) 100%);}

/* cartes carburant (hero accueil, index départements, baromètre, villes) : blanches, icône pompe colorée, prix en bleu pétrole */
.fuel-badge{display:grid;grid-template-columns:42px 1fr;grid-auto-rows:auto;column-gap:12px;row-gap:1px;align-items:center;
  padding:13px 15px;border:1px solid var(--hero-card-line);border-radius:var(--radius);background:var(--hero-card);
  box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;}
.fuel-badge:hover{transform:translateY(-2px);border-color:#B2D6F3;box-shadow:var(--shadow-card-hover);}
.fuel-badge > :not(.fb-dot){grid-column:2;}
.fuel-badge .fb-name{display:contents;font-size:13.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--hero-text);}
.fuel-badge .fb-name small{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--hero-muted);}
.fuel-badge .fb-dot{grid-column:1;grid-row:1/span 2;width:42px;height:42px;border-radius:10px;background:currentColor;position:relative;
  box-shadow:0 5px 12px color-mix(in srgb,currentColor 25%,transparent);}
.fuel-badge .fb-dot::after{content:'';position:absolute;inset:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22h12M4 9h10M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-7.5a2.5 2.5 0 0 0-.7-1.8L18 5'/%3E%3C/svg%3E") center/24px 24px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22h12M4 9h10M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-7.5a2.5 2.5 0 0 0-.7-1.8L18 5'/%3E%3C/svg%3E") center/24px 24px no-repeat;}
.fuel-badge .fb-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.fuel-badge .fb-price{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--hero-text)!important;}
.fuel-badge .fb-unit{font-size:12px;font-weight:600;color:var(--hero-muted);opacity:1;}
.fuel-badge .fb-trend{margin-top:0;font-size:12px;font-weight:600;color:var(--hero-muted);}
.fuel-badge .fb-trend b,.fuel-badge .fb-trend .fb-arr{font-weight:800;}
.fuel-badge .fb-trend.up,.fuel-badge .fb-trend.up b,.fuel-badge .fb-trend.up .fb-arr{color:var(--up);}
.fuel-badge .fb-trend.down,.fuel-badge .fb-trend.down b,.fuel-badge .fb-trend.down .fb-arr{color:var(--down);}
.fuel-badge .fb-trend.neutral{color:var(--hero-muted);}
.fuel-badge .fb-range,.fuel-badge .fb-vs{font-size:11.5px;margin-top:2px;}
.hero .fuel-badge.is-pref{border-color:var(--brand);box-shadow:0 0 0 3px rgba(12,116,216,.14),var(--shadow);}
.hf-fuel-card.active{box-shadow:0 0 0 2px var(--brand),var(--shadow);}
@media(max-width:480px){
  .fuel-badge{grid-template-columns:34px 1fr;column-gap:9px;padding:11px 11px;}
  .fuel-badge .fb-dot{width:34px;height:34px;border-radius:8px;}
  .fuel-badge .fb-dot::after{-webkit-mask-size:20px 20px;mask-size:20px 20px;}
  .fuel-badge .fb-price{font-size:19px;}
  .fuel-badge .fb-name{font-size:12px;}
}
/* sélecteur de carburant (chips) : blanc, bordure couleur, actif rempli en teinte claire */
.fs-btn{background:var(--card);opacity:.7;border-width:1.5px;border-radius:9px;}
.fs-btn.active,.fs-btn:hover{opacity:1;background:color-mix(in srgb,currentColor 12%,var(--card));box-shadow:0 0 0 1px currentColor inset;}
.t5-chip{background:var(--card);}
/* index départements : cartes du hero */



/* sections bleu pétrole et pied de page */
.dark-section,.intro-dark-stats,.cta-section,.an-cta,.app-cta-block{border-radius:var(--radius-l);}
.dark-section .kicker,.dark-section .kicker svg{color:var(--deep-kicker);}
footer{padding-top:44px;}
.footer-col a:hover{color:#fff;}
.footer-col .f-kind{color:var(--cyan);}


/* ── Mise en page v3 (21/09/2026) : icônes de titres, carte « analyse de la semaine », bloc « Voir plus », en-têtes de section avec lien ── */
.st-ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--card-2);color:var(--brand);flex-shrink:0;margin-right:2px;align-self:center;}
.st-ic svg{width:18px;height:18px;}
.dark-section .st-ic{background:rgba(255,255,255,.12);color:#fff;}
html[data-theme="dark"] .st-ic{background:rgba(77,184,255,.14);color:var(--blue-bright);}
.section-title{align-items:center;}
.section-head{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:16px;}
.section-head .section-title{flex:1 1 320px;margin-bottom:0;}
.st-more{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap;}
.st-more:hover{text-decoration:underline;}
/* analyse de la semaine : kicker + titre dans la carte or, décor barres/flèche à droite */
.week-card{position:relative;overflow:hidden;}
.week-card .kicker{margin-bottom:4px;}
.week-card .section-title{font-size:20px;margin:0 0 12px;padding-right:130px;}
.week-card .section-title::after{display:none;}
.week-card::after{content:'';position:absolute;right:22px;bottom:16px;width:120px;height:90px;pointer-events:none;opacity:.18;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90' fill='%23FFAA00'%3E%3Crect x='4' y='58' width='18' height='32' rx='4'/%3E%3Crect x='30' y='44' width='18' height='46' rx='4'/%3E%3Crect x='56' y='28' width='18' height='62' rx='4'/%3E%3Crect x='82' y='10' width='18' height='80' rx='4'/%3E%3Cpath d='M6 40 L40 24 L66 30 L104 4' fill='none' stroke='%23FFAA00' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M92 2 L108 2 L106 18' fill='none' stroke='%23FFAA00' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}
.week-card p{position:relative;}
@media(max-width:700px){.week-card .section-title{padding-right:0;}.week-card::after{width:80px;height:60px;right:12px;bottom:10px;opacity:.14;}}
/* « Voir plus » : liste de raccourcis avec icône et chevron */
.more-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow);overflow:hidden;}
.more-head{font-size:14px;font-weight:800;color:var(--navy);padding:14px 18px 10px;background:var(--card-2);border-bottom:1px solid var(--border);}
.more-box a{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--text);font-weight:600;font-size:14.5px;text-decoration:none;border-bottom:1px solid var(--border);transition:background .15s;}
.more-box a:last-child{border-bottom:none;}
.more-box a:hover{background:var(--card-2);text-decoration:none;color:var(--brand);}
.more-box a .st-ic{width:30px;height:30px;}
.more-box a small{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-top:1px;}
.more-box .more-chev{margin-left:auto;color:var(--text-3);font-size:20px;line-height:1;}
.more-box a:hover .more-chev{color:var(--brand);}
html[data-theme="dark"] .more-head{color:var(--text);}
/* index départements : cartes du hero sur le gabarit commun */
.idx-hero-stats .fuel-badge .fb-trend{white-space:normal;}
/* baromètre : tuiles « Les prix cette semaine » sur le gabarit carte carburant */
.an-kpis:has(.fuel-badge){grid-template-columns:repeat(auto-fill,minmax(205px,1fr));}
.an-kpis .fuel-badge .baro-delta{margin-top:2px;font-size:12px;white-space:nowrap;}
.an-kpis .fuel-badge .baro-delta span{font-size:10px;}

/* ── Mode nuit v3 (21/09/2026) : mêmes composants, jetons de nuit ; la barre latérale garde le dégradé bleu pétrole du mode clair ── */
html[data-theme="dark"] .tb-fuel-btn:hover,html[data-theme="dark"] .tb-theme:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);}
html[data-theme="dark"] .topbar .sn-search:focus-within{background:rgba(255,255,255,.1);border-color:var(--brand);box-shadow:0 0 0 3px rgba(77,184,255,.18);}
html[data-theme="dark"] .topbar .sn-search svg{color:var(--blue-bright);}
html[data-theme="dark"] .topbar{box-shadow:0 1px 0 var(--chrome-line),0 3px 10px rgba(0,0,0,.35);}
html[data-theme="dark"] .hero{border-color:rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.35);}
html[data-theme="dark"] .hero-tag{box-shadow:none;}
html[data-theme="dark"] .hero-tag svg{color:var(--blue-bright);}
html[data-theme="dark"] .hero-meta-item strong{color:var(--blue-bright);}
html[data-theme="dark"] .hero-banner img{filter:brightness(.94);}
html[data-theme="dark"] .fuel-badge{background:var(--card);border-color:var(--border-2);}
html[data-theme="dark"] .hero .fuel-badge{background:#132a4a;border-color:#2a4569;}
html[data-theme="dark"] .fuel-badge:hover,html[data-theme="dark"] .an-card:hover,html[data-theme="dark"] .guide-card:hover,html[data-theme="dark"] .rel-card:hover{border-color:#3a5a86;}
html[data-theme="dark"] .hero .fuel-badge.is-pref{border-color:var(--blue-bright);box-shadow:0 0 0 3px rgba(77,184,255,.2);}
html[data-theme="dark"] .hf-fuel-card.active{box-shadow:0 0 0 2px var(--blue-bright),var(--shadow);}
html[data-theme="dark"] .fs-btn{background:var(--card-2);}
html[data-theme="dark"] .fs-btn.active,html[data-theme="dark"] .fs-btn:hover{background:color-mix(in srgb,currentColor 22%,var(--card));}
html[data-theme="dark"] .kicker{color:var(--deco);}
html[data-theme="dark"] .week-card::after{opacity:.14;}
html[data-theme="dark"] .more-head{background:var(--card-2);border-color:var(--border);}
html[data-theme="dark"] .more-box a{color:var(--text);}
html[data-theme="dark"] .more-box a:hover{color:var(--blue-bright);}
html[data-theme="dark"] .st-more{color:var(--blue-bright);}
html[data-theme="dark"] .breadcrumb a:hover{color:var(--blue-bright);}
html[data-theme="dark"] .chart-seg button.active{background:var(--blue-bright);border-color:transparent;color:#001533;}
html[data-theme="dark"] .to-top{background:linear-gradient(135deg,var(--blue-bright),var(--brand-2));}
html[data-theme="dark"] .analysis-block{background:var(--card);border-color:rgba(255,170,0,.28);border-left-color:var(--deco-line);}
html[data-theme="dark"] .ville-intro{border-left-color:var(--blue-bright);}
html[data-theme="dark"] .t5-go{background:rgba(255,170,0,.14);color:var(--deco);}
html[data-theme="dark"] .bottombar a[aria-current="page"]{color:var(--blue-bright);}
html[data-theme="dark"] .side-nav{--chrome-bg:var(--side-bg);}
html[data-theme="dark"] .nav-logo em{color:var(--accent);}
/* pastille « Données du » centrée, ligne de variation en gris à la suite (v3.2) */
.hero--home .hero-tag{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 7px;width:fit-content;max-width:100%;margin:0 auto 16px;text-align:center;}
.hero-tag-meta{color:var(--text-3);font-weight:600;text-transform:none;letter-spacing:0;}
html[data-theme="dark"] .hero-tag-meta{color:rgba(255,255,255,.55);}
@media(max-width:600px){.hero--home .hero-tag{font-size:10.5px;padding:5px 12px;}}
/* mode nuit : la pastille et le titre chevauchent le sol clair de la bannière, on les pose sur un fond plein */
html[data-theme="dark"] .hero--home .hero-tag{background:#0f2947;border-color:rgba(255,255,255,.28);color:#fff;}
html[data-theme="dark"] .hero--home .hero-inner{background:linear-gradient(180deg,rgba(10,28,51,.35) 0%,rgba(10,28,51,.9) 20%,#0d2242 40%,rgba(13,34,66,0) 100%);}

/* ── v3.3 (21/09/2026) : hero accueil, fondu pleine largeur en bas de la bannière (plus de rectangle), bloc remonté ;
   barre haute sur le dégradé bleu pétrole de la barre latérale, jour et nuit ── */
.hero-banner{position:relative;}
.hero-banner::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:52%;pointer-events:none;
  background:linear-gradient(180deg,rgba(236,245,255,0) 0%,rgba(236,245,255,.3) 40%,rgba(236,245,255,.8) 75%,#ECF5FF 100%);}
.hero--home{background:linear-gradient(180deg,#ECF5FF 0%,#E4EFFC 100%);}
.hero--home .hero-inner,html[data-theme="dark"] .hero--home .hero-inner{background:none;margin-top:-19%;padding-top:0;}
.hero--home .hero-tag{position:relative;z-index:2;}
@media(max-width:900px){.hero--home .hero-inner,html[data-theme="dark"] .hero--home .hero-inner{margin-top:-9%;}}
@media(max-width:600px){.hero--home .hero-inner,html[data-theme="dark"] .hero--home .hero-inner{margin-top:-12%;}.hero-banner::after{height:40%;}}
html[data-theme="dark"] .hero-banner::after{background:linear-gradient(180deg,rgba(11,30,56,0) 0%,rgba(11,30,56,.35) 40%,rgba(11,30,56,.85) 75%,#0B1E38 100%);}
html[data-theme="dark"] .hero--home{background:linear-gradient(180deg,#0B1E38 0%,#0D2242 100%);}
html[data-theme="dark"] .hero--home .hero-tag{background:rgba(9,25,48,.85);}
/* barre haute = mêmes jetons que la barre latérale */
.topbar,html[data-theme="dark"] .topbar{--chrome-bg:var(--side-bg);--chrome-text:var(--side-text);--chrome-muted:var(--side-muted);--chrome-line:var(--side-line);
  --chrome-hover:var(--side-hover);--chrome-active:var(--side-active);--chrome-accent:var(--side-accent);--chrome-field:var(--side-field);--chrome-field-line:var(--side-field-line);
  background:var(--chrome-bg);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 3px 12px rgba(0,29,62,.25);}
.topbar .tb-fuel-btn,.topbar .tb-theme,.topbar .sn-search,html[data-theme="dark"] .topbar .tb-fuel-btn,html[data-theme="dark"] .topbar .tb-theme,html[data-theme="dark"] .topbar .sn-search{
  background:var(--side-field);border-color:var(--side-field-line);color:var(--side-text);}
.topbar .tb-fuel-btn:hover,.topbar .tb-theme:hover,html[data-theme="dark"] .topbar .tb-fuel-btn:hover,html[data-theme="dark"] .topbar .tb-theme:hover{background:rgba(66,160,233,.22);border-color:rgba(93,198,235,.45);color:#fff;}
.topbar .tb-fuel-btn .tbf-val,html[data-theme="dark"] .topbar .tb-fuel-btn .tbf-val{color:#fff;}
.topbar .tb-fuel-btn .tbf-lbl,.topbar .tb-fuel-btn .tbf-car{color:var(--side-muted);}
.topbar .tb-theme,html[data-theme="dark"] .topbar .tb-theme{color:#fff;}
.topbar .tb-theme:hover{color:#FFD166;}
.topbar .sn-search svg,html[data-theme="dark"] .topbar .sn-search svg{color:var(--side-accent);}
.topbar .sn-search input{color:#fff;}
.topbar .sn-search input::placeholder{color:var(--side-muted);}
.topbar .sn-search:focus-within,html[data-theme="dark"] .topbar .sn-search:focus-within{background:rgba(255,255,255,.14);border-color:var(--side-accent);box-shadow:0 0 0 3px rgba(93,198,235,.22);}
.topbar .tb-menu,.topbar .tb-search-btn{color:#fff;}
.topbar .tb-menu:hover,.topbar .tb-search-btn:hover{background:rgba(66,160,233,.22);}
.topbar .nav-cta .cta-s,.topbar .nav-cta .cta-l{color:#fff;}

/* ── v3.4 : titre + chapeau de l'accueil centrés sur un panneau translucide en dégradé (fondu en haut) ── */
.hero-lead{position:relative;z-index:1;text-align:center;max-width:860px;margin:0 auto 20px;padding:18px 26px 16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 22%,rgba(255,255,255,.66) 60%,rgba(255,255,255,.74) 100%);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.hero-lead h1{text-align:center;margin-bottom:10px;}
.hero-lead .hero-sub{margin:0 auto;max-width:720px;}
html[data-theme="dark"] .hero-lead{background:linear-gradient(180deg,rgba(9,25,48,0) 0%,rgba(9,25,48,.5) 22%,rgba(9,25,48,.72) 60%,rgba(9,25,48,.8) 100%);}
@media(max-width:600px){.hero-lead{padding:12px 12px 10px;border-radius:14px;margin-bottom:14px;}}

/* Cartes carburant des en-têtes = sélecteur « Votre carburant » (23/09/2026, classe posée par seo_theme.js) */
.fuel-badge.fb-pick{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;}
.fuel-badge.fb-pick:hover{transform:translateY(-2px);}
.fuel-badge.fb-pick:focus-visible{outline:2px solid currentColor;outline-offset:3px;}

/* Carte « simulateur » de l'accueil (23/09/2026) : image collée aux bords haut, gauche et bas, sans marge au-dessus
   du lien « Lancer le simulateur » ni padding vertical du texte (desktop) ; empilée sur mobile, le texte garde son air. */
.sim-card .bb-img{align-self:stretch;height:auto;object-fit:cover;object-position:left center;}   /* si le texte est plus haut que l image, on rogne à droite : le titre de la bannière reste entier */
.sim-card .bb-body{padding-top:0;padding-bottom:0;}
.sim-card .an-card-cta{margin-top:0;}
.sim-card .bb-kicker{padding-top:6px;}
@media(max-width:640px){.sim-card .bb-img{align-self:auto;}.sim-card .bb-body{padding-top:14px;padding-bottom:16px;}.sim-card .bb-kicker{padding-top:0;}}

/* Annonce ancrée AdSense en bas d'écran (23/09/2026) : barre du bas et bouton « haut de page » au-dessus de l'annonce
   (--pc-anchor-b posée par seo_theme.js, 0 sans annonce ancrée basse). Propriété translate : ne gêne pas leurs transform. */
.bottombar,.to-top{translate:0 calc(-1 * var(--pc-anchor-b, 0px));}
/* EUROPE-NAV-20261001 : sous-menu Europe (pays, passages frontaliers) */
.sn-group .sn-sub.sn-eu{margin-top:1px;}
.sn-group .sn-sub .sn-sublbl{padding:7px 9px 2px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--chrome-muted);opacity:.8;}
.side-nav .sn-group .sn-sub .sn-sublbl{color:rgba(208,229,247,.55);}
.sn-group .sn-sub a[aria-current="page"]{color:var(--chrome-accent);border-left-color:var(--chrome-accent);background:var(--chrome-active);box-shadow:none;}
.side-nav .sn-group .sn-sub a[aria-current="page"]{color:#fff;border-left-color:var(--side-accent);background:rgba(66,160,233,.14);box-shadow:none;}

/* PENURIE-20261004 : pastille « direct » du menu, bandeau d'accueil « pénurie de carburant » */
.sn-tag.sn-live,.side-nav .sn-tag.sn-live{background:#DF3B2C;color:#fff;}
.pn-hb{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:12px 16px;border-radius:14px;color:#fff;text-decoration:none;
  background:radial-gradient(circle at 90% 0%,rgba(255,120,80,.35),transparent 45%),linear-gradient(135deg,#3B0D16,#7C1628);box-shadow:var(--shadow-card);}
.pn-hb:hover{text-decoration:none;filter:brightness(1.07);}
.pn-hb b{display:block;font-size:15px;line-height:1.3;}.pn-hb small{display:block;font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.4;}
.pn-hb-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#FF5A47;animation:pn-hb 1.8s infinite;}
.pn-hb-go{margin-left:auto;flex:0 0 auto;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.15);padding:6px 11px;border-radius:10px;}
@keyframes pn-hb{0%{box-shadow:0 0 0 0 rgba(255,90,71,.65)}70%{box-shadow:0 0 0 9px rgba(255,90,71,0)}100%{box-shadow:0 0 0 0 rgba(255,90,71,0)}}
@media(prefers-reduced-motion:reduce){.pn-hb-dot{animation:none;}}

/* LOT397-20261005 : cellule « rupture » des pages ville ; étiquette de pénurie du héros de l'accueil */
.pc.pc-rupt{color:var(--text-3);font-size:12px;font-weight:600;font-style:italic;white-space:nowrap}
.pn-htag{display:inline-flex;align-items:center;gap:8px;margin:0 auto 10px;padding:7px 12px 7px 10px;border-radius:999px;
  background:#B42318;color:#fff!important;font:600 13px/1.25 var(--sans);text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.18);max-width:100%}
.pn-htag b{font-weight:800}
.pn-htag i{width:8px;height:8px;border-radius:50%;background:#fff;flex:none;animation:pnHtag 1.6s ease-in-out infinite}
.pn-htag span{white-space:normal}
@keyframes pnHtag{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pn-htag i{animation:none}}
.hero--home .hero-inner .pn-htag{align-self:center}

/* LOT405-20261005 : 12 classes jamais émises retirées */

/* PENURIE-HOME-20261005 : un seul bandeau de pénurie sur l'accueil. Ordinateur : grand bandeau (.pn-hb) ; mobile : étiquette sous
   les prix, pleine largeur comme la pastille « Données du… » (.hero-tag) */
.hero--home .pn-htag{display:none}
@media(max-width:700px){
  .hero--home .hero-inner .pn-htag{display:flex;align-self:stretch;justify-content:center;width:100%;box-sizing:border-box;margin:14px 0 0;padding:10px 14px;border-radius:20px;text-align:center}
  .pn-hb{display:none}
}

/* LOT403-20261007 : lot 403 du site (audit du 04/10) */
/* W#17 contrastes (mode jour) : textes secondaires, sur-titres, hausses / baisses ≥ 4,5:1 ; boutons d'action plus foncés sous le texte */
:root{--text-3:#4F7394;--deco:#9A5B00;--up:#C2410C;--down:#157A3E;}
.nav-cta,.cta-primary,.sn-install-btn,.btn-app-primary,.an-cta-btn,.skip{background:linear-gradient(135deg,#CC4B0A 0%,#C2410C 55%,#B03508 100%);}
.nav-cta:hover,.cta-primary:hover,.sn-install-btn:hover,.btn-app-primary:hover,.an-cta-btn:hover{background:linear-gradient(135deg,#D4500B 0%,#B93A0A 100%);}
/* prix et noms de carburant : couleur du texte, la couleur du carburant reste en repère (pastille, filet) */
td.pc[style*="--fc"],.badge-price[style*="--fc"],.chart-name[style*="--fc"],.dp-fuel[style*="--fc"]{color:var(--text);}
td.pc.pc-stale{opacity:1;color:var(--text-3);}
th.sortable[style*="--fc"]{color:var(--text);box-shadow:inset 0 -3px 0 var(--fc);}
.badge-price[style*="--fc"]::before,.chart-name[style*="--fc"]::before,.dp-fuel[style*="--fc"]::before{content:'';display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--fc);margin-right:.35em;vertical-align:.05em;}
/* W#20 : tri des tableaux au clavier */
th.sortable .th-sort{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:3px;font:inherit;color:inherit;}
th.sortable .th-sort:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px;}
/* W#12 (d) : la fin des titres longs est masquée sur mobile (un seul texte dans le titre) */
@media (max-width:760px){.t-more{display:none;}}
/* W#12 (b) : fil d'Ariane à 3 niveaux, titre coupé proprement */
.breadcrumb strong[aria-current]{display:inline-block;max-width:min(58vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}
/* W#16 : tiroir fermé = hors du clavier et des lecteurs d'écran (visibility après la fin du glissement) */
@media (max-width:1099px){
  .side-nav:not(.open){visibility:hidden;transition:transform .22s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .22s;}
  .side-nav.open{visibility:visible;}
}
/* W#18 : place réservée à la hauteur réelle des annonces (250 à 280 px), emplacement replié sans annonce */
.pc-ad ins.adsbygoogle{min-height:250px;}
@media (max-width:600px){.pc-ad ins.adsbygoogle{min-height:280px;}}
.pc-ad.pc-ad-off{display:none;}   /* LOT422-20261009 W#3 : plus de repli CSS sur « unfilled », décidé en JS selon la position */
/* W#19 : encart de la barre latérale sous le dernier groupe, avec sa mention */
.sn-ad{max-height:290px;margin:8px 0 4px;}
.sn-ad-lbl{font:600 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(208,229,247,.62);margin:0 0 5px;}
/* W#23 (c) : sous-menu Europe replié hors de la rubrique (l'attribut hidden doit l'emporter sur l'affichage des sous-menus) */
.sn-sub[hidden]{display:none!important;}
.sn-ad:has(ins[data-ad-status="unfilled"]),.sn-ad.pc-ad-off{display:none;}
/* W#23 (b) : recherche sans page */
.sn-results li.sn-empty a{color:var(--blue);font-weight:600;}
/* LOT403-20261007 W#23g : carte en tuiles sans défilement sous 600 px */
@media (max-width:600px){.map-wrap{padding:14px 10px;}.map-grid{min-width:0;gap:2px;}.map-tile{border-radius:3px;}.map-tile .mt-code{font-size:8.5px;}}
.map-legend .map-gap{display:block;flex-basis:100%;text-align:center;color:var(--text-2);font-size:12px;}

/* PCW-SITE-20261008 : renvoi vers la page des widgets (départements, villes, pénurie) */
.wg-promo{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border-radius:var(--radius);background:var(--card);border:1px dashed var(--border-2);font-size:14.5px;line-height:1.6;color:var(--text-2)}
.wg-promo svg{flex:none;margin-top:3px;color:var(--brand)}.wg-promo strong{color:var(--text)}
.wg-promo{margin:26px 0 30px}.section>.wg-promo:only-child{margin:0}  /* espacé dans la page Pénurie (entre la légende et « Par région »), sans marge dans sa propre section */

/* LOT414-20261009 D#17 : tableau plus large que l'écran (≤ 600 px) : ombre au bord droit tant que la fin n'est pas visible,
   pastille « faire glisser → » jusqu'au premier glissement. Posés par seo_theme.js, en position absolue (aucun décalage). */
.tw-pos{position:relative;}
.tw-sh{position:absolute;top:0;right:0;width:18px;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;
  background:linear-gradient(to left,rgba(0,29,62,.26),rgba(0,29,62,0));}
.tw-x>.tw-sh{opacity:1;}
.tw-hint{position:absolute;top:7px;right:22px;z-index:3;pointer-events:none;padding:3px 10px;border-radius:999px;white-space:nowrap;
  font:700 11px/1.35 var(--sans);color:#fff;background:#0C74D8;box-shadow:0 2px 8px rgba(0,29,62,.25);animation:tw-in .35s ease .5s both;}
@keyframes tw-in{from{opacity:0;transform:translateX(8px);}to{opacity:1;transform:none;}}
html[data-theme="dark"] .tw-sh{background:linear-gradient(to left,rgba(0,0,0,.6),rgba(0,0,0,0));}
@media (prefers-reduced-motion:reduce){.tw-hint{animation:none;}.tw-sh{transition:none;}}

/* ── LOT422-20261009 ───────────────────────────────────────────────────────────────────────────────────────────── */
/* W#3 : annonce maison à la place d'un emplacement vide visible (même hauteur que la place réservée : aucun décalage) */
.pc-ad.pc-ad-house ins.adsbygoogle{display:none!important;}
.pc-house{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:250px;box-sizing:border-box;
  padding:22px 26px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);
  text-align:left;text-decoration:none!important;color:var(--text);}
@media (max-width:600px){.pc-house{min-height:280px;padding:20px 18px;}}
.pc-house-k{font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--deco);}
.pc-house strong{font-size:20px;line-height:1.25;color:var(--text);}
.pc-house-t{font-size:14.5px;line-height:1.55;color:var(--text-2);max-width:560px;}
.pc-house-b{margin-top:8px;display:inline-flex;padding:10px 16px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;font-size:14px;}
.pc-house:hover .pc-house-b{background:var(--brand-2);}
/* W#1 / E#5 : villes (grandes villes, villes du hub, autres villes du département) */
.gv-chips{display:flex;flex-wrap:wrap;gap:8px;}
.gv-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--card);
  color:var(--text);font-size:13.5px;font-weight:600;text-decoration:none!important;box-shadow:var(--shadow);}
.gv-chip:hover{border-color:var(--brand);color:var(--brand);}
.gv-chip b{font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums;}
.gv-big{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.gv-big .gv-chip{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;border-radius:12px;font-size:14.5px;padding:10px 14px;}
.gv-big .gv-chip small{flex-basis:100%;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);}
.gv-big .gv-chip b{margin-left:auto;}
@media (max-width:600px){.gv-big{grid-template-columns:1fr 1fr;gap:8px;}.gv-big .gv-chip{font-size:13.5px;padding:8px 10px;}.gv-big .gv-chip b{margin-left:0;}}
@media (max-width:600px){.gv-chips{gap:6px;}.gv-chips:not(.gv-big) .gv-chip{padding:5px 10px;font-size:13px;}}
.gv-reg{margin:0 0 16px;}
.gv-reg h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin:0 0 8px;}
.nb10-col h3 .fb-dot,.pnd-f .fb-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;}
.nb10{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.nb10-col h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px;color:var(--text);}
.nb10-col h3 small{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-2);}
.nb10-t td{vertical-align:middle;}
.nb10-t td:first-child{width:38px;}
.nb10-st{font-weight:700;color:var(--text);}
.nb10-t small{display:block;font-size:11.5px;color:var(--text-2);margin-top:2px;}
.vn-t td small{display:block;font-size:11.5px;color:var(--text-2);margin-top:2px;}
.vn-t td.num{white-space:nowrap;}
.vn-low td{background:var(--card-2);}
.vn-tag{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:#157A3E;color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap;}
/* E#4 : toutes les stations du département */
.allst-bar{display:flex;gap:10px;align-items:center;margin:0 0 10px;}
.allst-q{flex:1;min-width:0;max-width:380px;padding:9px 12px;border:1px solid var(--border-2);border-radius:10px;background:var(--card);
  color:var(--text);font:inherit;font-size:14px;}
.allst-t{font-size:13px;}
.allst-t th button{all:unset;cursor:pointer;font:inherit;color:inherit;white-space:nowrap;}
.allst-t th button::after{content:" ↕";opacity:.45;font-size:10px;}
.allst-t th[aria-sort="ascending"] button::after{content:" ↑";opacity:1;}
.allst-t th[aria-sort="descending"] button::after{content:" ↓";opacity:1;}
.allst-t th[style*="--fc"]{box-shadow:inset 0 -2px 0 var(--fc);}
.allst-t td{white-space:nowrap;font-variant-numeric:tabular-nums;}
.allst-t td:first-child{white-space:normal;min-width:170px;max-width:260px;}
.allst-t td:first-child a{font-weight:700;color:var(--text);}
.allst-t td small{display:block;font-size:11px;color:var(--text-2);margin-top:1px;}
.allst-t td:nth-child(n+3){text-align:center;font-weight:700;}
.allst-t td:empty::after{content:"–";opacity:.35;font-weight:400;}
.allst-t td.r{color:var(--up);font-weight:600;font-size:11.5px;}
.allst-t td.o{opacity:.5;font-weight:600;}
.allst-t td.o i{display:block;font-style:normal;font-size:9.5px;color:var(--text-2);}
.allst-t tr:target td,.allst-t tr.is-target td{background:var(--deco-soft);}
.allst-wrap.is-cut tr.x{display:none;}
.allst-more{display:block;margin:12px auto 0;padding:10px 18px;border-radius:10px;border:1px solid var(--border-2);background:var(--card);
  color:var(--brand);font:700 14px/1.2 var(--sans);cursor:pointer;}
.allst-more:hover{border-color:var(--brand);}
.allst-cm{display:none;}
@media (max-width:600px){
  .allst-t{font-size:12px;}
  .allst-t th,.allst-t td{padding:8px 7px;}
  .allst-t th:nth-child(2),.allst-t td:nth-child(2){display:none;}
  .allst-cm{display:inline;}
  .allst-t td:first-child,.allst-t th:first-child{position:sticky;left:0;z-index:1;min-width:128px;max-width:150px;}
  .allst-t td:first-child{background:var(--card);}
  .allst-t th:first-child{background:var(--card-2);z-index:2;}
}
/* E#10 : pénurie dans le département */
.pnd{border-radius:var(--radius);padding:18px 20px;border:1px solid #F3C9A6;background:linear-gradient(180deg,#FFF6EE,var(--card));}
.pnd.pnd-l3,.pnd.pnd-l4{border-color:#E9A08B;background:linear-gradient(180deg,#FFF0EB,var(--card));}
.pnd-lead{font-size:15px;line-height:1.7;color:var(--text);margin:0 0 12px;}
.pnd-fs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.pnd-f{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);}
.pnd-f b{font-variant-numeric:tabular-nums;}
.pnd-f small{color:var(--text-2);font-weight:500;}
.pnd-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}
.pnd-cols h3{font-size:14px;margin:0 0 6px;color:var(--text);}
.pnd-ol{margin:0;padding-left:20px;font-size:14px;line-height:1.45;}
.pnd-ol li{margin:0 0 8px;}
.pnd-ol li>span:first-child{display:inline-block;max-width:calc(100% - 80px);vertical-align:top;}
.pnd-ol a{font-weight:700;color:var(--text);}
.pnd-ol small{display:block;font-size:12px;color:var(--text-2);}
.pnd-ol .badge-price{float:right;font-size:14.5px;}
html[data-theme="dark"] .pnd{border-color:rgba(253,106,23,.35);background:linear-gradient(180deg,rgba(253,106,23,.10),var(--card));}
html[data-theme="dark"] .allst-t tr:target td,html[data-theme="dark"] .allst-t tr.is-target td{background:rgba(255,170,0,.14);}
/* LOT423-20261009 : 10 stations les moins chères sur l'accueil (panneaux par carburant) */
[data-fuel-pane][hidden]{display:none!important;}

/* LOT429A-20261010 : bloc « Les moins chères autour de moi » (.nm-*) et liens « Explorer les prix » (.xl-*) */
.xl-g+.xl-g{margin-top:18px;}
.xl-g h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0 0 10px;}
.xl-more{margin:12px 0 0;font-size:14px;}
.xl-more a{display:inline-flex;align-items:center;gap:6px;font-weight:700;}
/* LOT441-20261012 : formulaire « Les moins chères autour de moi » (.nmf-*) */
.nmf-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);padding:20px 22px 18px;box-shadow:var(--shadow-card);overflow:hidden;}
.nmf-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--cyan),var(--deco-line));}
.nmf-lead{font-size:14px;line-height:1.6;color:var(--text-2);margin:2px 0 16px;}
.nmf-where{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;}
.nmf-go,.nmf-home{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;
  font:inherit;font-size:15px;font-weight:800;cursor:pointer;white-space:nowrap;}
.nmf-go{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 6px 16px rgba(12,116,216,.28);}
.nmf-go:hover{filter:brightness(1.07);}
.nmf-go[aria-busy="true"]{opacity:.85;cursor:progress;}
.nmf-go[aria-busy="true"] svg{animation:nmfSpin 1s linear infinite;}
@keyframes nmfSpin{to{transform:rotate(360deg)}}
.nmf-home[hidden]{display:none!important;}
.nmf-home{color:var(--text);background:var(--card-2);border:1.5px solid var(--border-2);}
.nmf-home:hover{border-color:var(--blue);}
.nmf-go:focus-visible,.nmf-home:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
.nmf-city{position:relative;flex:1 1 240px;min-width:0;display:flex;align-items:center;border:1.5px solid var(--border-2);border-radius:12px;background:var(--card);}
.nmf-city:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(12,116,216,.15);}
.nmf-city>svg{flex:none;margin-left:14px;color:var(--text-3);}
.nmf-in{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--text);padding:0 12px;height:45px;outline:none;}
.nmf-in::placeholder{color:var(--text-3);}
.nmf-in::-webkit-search-cancel-button{cursor:pointer;}
.nmf-ac{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 6px);z-index:30;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--border-2);
  border-radius:12px;box-shadow:0 14px 34px rgba(5,25,55,.18);max-height:300px;overflow:auto;}
.nmf-ac li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14.5px;color:var(--text);}
.nmf-ac li small{font-size:12px;color:var(--text-2);white-space:nowrap;}
.nmf-ac li[aria-selected="true"],.nmf-ac li:hover{background:var(--card-2);}
.nmf-ac .nmf-ac-msg{cursor:default;color:var(--text-2);font-size:13.5px;}
.nmf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px;margin-top:16px;}
.nmf-g{min-width:0;}
.nmf-g-full{grid-column:1/-1;}
.nmf-lab{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin:0 0 7px;}
.nmf-fuels,.nmf-opts{display:flex;flex-wrap:wrap;gap:7px;}
.nmf-f,.nmf-o{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:999px;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:700;color:var(--text);background:var(--card);border:1.5px solid var(--border-2);}
.nmf-f i{width:9px;height:9px;border-radius:50%;background:var(--fc);}
.nmf-f:hover{border-color:var(--fc);}
.nmf-f[aria-pressed="true"]{border-color:var(--fc);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--fc);}
.nmf-o svg{flex:none;width:15px;height:15px;color:var(--text-3);}
.nmf-o:hover{border-color:var(--blue);}
.nmf-o[aria-pressed="true"]{color:var(--blue-ink);border-color:var(--blue);background:rgba(12,116,216,.08);}
.nmf-o[aria-pressed="true"] svg{color:var(--blue);}
.nmf-f:focus-visible,.nmf-o:focus-visible,.nmf-seg button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.nmf-seg{display:flex;padding:3px;gap:3px;border-radius:12px;background:var(--card-2);border:1px solid var(--border);}
.nmf-seg button{all:unset;box-sizing:border-box;flex:1 1 0;min-width:0;text-align:center;min-height:36px;padding:0 6px;border-radius:9px;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:700;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;}
.nmf-seg button:hover{color:var(--text);}
.nmf-seg button[aria-pressed="true"]{background:var(--card);color:var(--blue-ink);box-shadow:0 1px 4px rgba(5,25,55,.12);}
.nmf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-2);}
.nmf-lit{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--text);}
.nmf-lit select{font:inherit;font-size:14px;padding:7px 10px;border-radius:9px;border:1.5px solid var(--border-2);background:var(--card);color:var(--text);}
.nmf-save{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-2);cursor:pointer;}
.nmf-save input{width:18px;height:18px;accent-color:var(--blue);margin:0;}
.nmf-st{font-size:13.5px;color:var(--text-2);margin:14px 0 0;min-height:1px;}
.nmf-st:empty{margin:0;}
.nmf-res:empty{display:none;}
.nmf-res{margin-top:16px;}
.nmf-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin:0 0 12px;}
.nmf-ht{font-size:15px;font-weight:800;color:var(--text);margin:0;}
.nmf-ht small{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-top:2px;}
.nmf-hb{display:flex;gap:8px;}
.nmf-mini{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:9px;cursor:pointer;
  font:inherit;font-size:13px;font-weight:700;color:var(--blue);border:1.5px solid var(--border-2);background:var(--card);}
.nmf-mini:hover{border-color:var(--blue);}
.nmf-mini:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.nmf-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.nmf-k{padding:12px 14px;border-radius:12px;background:var(--card-2);border:1px solid var(--border);min-width:0;}
.nmf-k span{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);}
.nmf-k b{display:block;font-size:20px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;margin-top:3px;white-space:nowrap;}
.nmf-k small{display:block;font-size:12px;color:var(--text-2);margin-top:2px;}
.nmf-k-best b{color:var(--down);}
.nmf-k-gain b{color:var(--down);}
.nmf-l{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.nmf-l li+li{border-top:1px solid var(--border);}
.nmf-l a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;color:var(--text);text-decoration:none;}
.nmf-l a:hover{background:var(--card-2);text-decoration:none;}
.nmf-l a:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;}
.nmf-rk{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--card-2);border:1px solid var(--border-2);
  font-size:13px;font-weight:800;color:var(--text-2);}
.nmf-l li:first-child .nmf-rk{background:linear-gradient(135deg,#1E9A52,#157a3e);border-color:transparent;color:#fff;}
.nmf-n{min-width:0;}
.nmf-n b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden;}
.nmf-n small{display:block;font-size:12.5px;line-height:1.4;color:var(--text-2);margin-top:2px;}
.nmf-tr{display:block;font-size:12.5px;font-weight:700;color:var(--blue-ink);margin-top:3px;}
.nmf-bd{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;}
.nmf-bd em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.02em;padding:2px 7px;border-radius:6px;background:var(--card-2);color:var(--text-2);border:1px solid var(--border);}
.nmf-bd em.nmf-b-best{background:rgba(30,154,82,.1);color:var(--down);border-color:rgba(30,154,82,.35);}
.nmf-p{text-align:right;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--pc,var(--text));}
.nmf-p small{display:block;font-size:11.5px;font-weight:700;color:var(--text-2);margin-top:1px;}
.nmf-p .nmf-dn{color:var(--down);}
.nmf-p .nmf-up{color:var(--up);}
.nmf-moreb{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:10px;border-radius:10px;cursor:pointer;
  font:inherit;font-size:14px;font-weight:700;color:var(--blue);border:1.5px dashed var(--border-2);}
.nmf-moreb:hover{border-color:var(--blue);}
.nmf-moreb:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.nmf-rupt{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:rgba(233,91,12,.07);border:1px solid rgba(233,91,12,.25);font-size:13.5px;line-height:1.55;color:var(--text);}
.nmf-rupt b{color:var(--up);}
.nmf-msg{font-size:14px;line-height:1.6;color:var(--text);margin:0 0 10px;}
.nmf-wide{all:unset;cursor:pointer;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.nmf-wide:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px;}
.nmf-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0;}
.nmf-acts .nmf-b{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:10px;
  font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-align:center;}
.nmf-acts .nmf-b:hover{text-decoration:none;}
.nmf-acts .nmf-b:focus-visible{outline:3px solid var(--brand);outline-offset:2px;}
.nmf-acts .nmf-b-inst{color:#fff;background:linear-gradient(135deg,#CC4B0A 0%,#C2410C 55%,#B03508 100%);box-shadow:0 4px 12px rgba(194,65,12,.25);}
.nmf-acts .nmf-b-app{color:var(--blue);background:rgba(12,116,216,.07);border:1.5px solid var(--blue);}
.nmf-acts .nmf-b-sec{color:var(--text);background:var(--card);border:1.5px solid var(--border-2);}
.nmf-acts .nmf-b-sec:hover,.nmf-acts .nmf-b-app:hover{border-color:var(--blue);}
.nmf-fid{display:flex;align-items:center;gap:14px;margin:16px 0 0;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(12,116,216,.08),rgba(93,198,235,.10));border:1px solid rgba(12,116,216,.22);}
.nmf-fid>svg{flex:none;color:var(--blue);}
.nmf-fid p{margin:0;font-size:13.5px;line-height:1.55;color:var(--text);flex:1;min-width:0;}
.nmf-fid p b{display:block;font-size:14.5px;}
.nmf-fid a{flex:none;font-weight:800;font-size:13.5px;white-space:nowrap;}
html[data-theme="dark"] .nmf-l li:first-child .nmf-rk{background:linear-gradient(135deg,#2fae63,#1e8a4c);}
html[data-theme="dark"] .nmf-acts .nmf-b-app{color:#7cc4ff;border-color:#4a9ee8;background:rgba(66,160,233,.12);}
html[data-theme="dark"] .nmf-o[aria-pressed="true"]{color:#9fd3ff;border-color:#4a9ee8;background:rgba(66,160,233,.14);}
html[data-theme="dark"] .nmf-seg button[aria-pressed="true"]{color:#cfe6ff;background:var(--card);}
html[data-theme="dark"] .nmf-ac{box-shadow:0 14px 34px rgba(0,0,0,.45);}
html[data-theme="dark"] .nmf-fid{background:linear-gradient(135deg,rgba(66,160,233,.14),rgba(93,198,235,.08));border-color:rgba(74,158,232,.35);}
@media (max-width:700px){
  .nmf-card{padding:18px 14px 16px;}
  .nmf-go,.nmf-home{flex:1 1 auto;}
  .nmf-city{flex:1 1 100%;}
  .nmf-grid{grid-template-columns:minmax(0,1fr);gap:14px;}
  .nmf-kpi{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nmf-k-gain{grid-column:1/-1;}
  .nmf-k b{font-size:18px;}
  .nmf-l a{grid-template-columns:26px minmax(0,1fr) auto;gap:9px;padding:11px 11px;}
  .nmf-n b{font-size:14.5px;}
  .nmf-p{font-size:16.5px;}
  .nmf-acts .nmf-b{flex:1 1 100%;}
  .nmf-fid{flex-wrap:wrap;}
  .nmf-fid a{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){.nmf-go[aria-busy="true"] svg{animation:none;}}
/* LOT441-20261012 fin */
/* LOT429A-20261010 fin */

/* LOT430-20261010 : tableaux centrés et triables (pages du lot 429), menu (couleurs, point « en direct »), logos des enseignes,
   boutons du bloc « autour de moi » */
table.fz-t th,table.fz-t td,table.fz-t td.num{text-align:center;}
table.fz-t th.ts-l,table.fz-t td.ts-l{text-align:left;}
.ts430{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;}
.ts430::after{content:"↕";opacity:.4;font-size:10px;letter-spacing:0;}
th[aria-sort="ascending"] .ts430::after{content:"↑";opacity:1;}
th[aria-sort="descending"] .ts430::after{content:"↓";opacity:1;}
th[aria-sort] .ts430{color:var(--text);}
.ts430:hover{color:var(--text);}
.ts430:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px;}
.side-nav .sn-group a svg.sn-i-y{color:#FFC845;}
.side-nav .sn-group a svg.sn-i-r{color:#FF6B5B;}
.side-nav .sn-group a[href*="/app/"] svg,.side-nav .sn-group a svg.sn-i-b{color:#5CB8FF;}
.sn-pulse{margin-left:auto;flex:none;width:9px;height:9px;border-radius:50%;background:#FF4D3D;box-shadow:0 0 0 0 rgba(255,77,61,.6);animation:sn430p 1.8s ease-out infinite;}
@keyframes sn430p{0%{box-shadow:0 0 0 0 rgba(255,77,61,.6);}70%{box-shadow:0 0 0 8px rgba(255,77,61,0);}100%{box-shadow:0 0 0 0 rgba(255,77,61,0);}}
@media (prefers-reduced-motion:reduce){.sn-pulse{animation:none;box-shadow:0 0 0 3px rgba(255,77,61,.28);}}
.sn-install-more{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:#9BD7F7;text-decoration:none;}
.sn-install-more:hover{color:#fff;text-decoration:underline;}
.lg430{--lg:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:content-box;width:var(--lg);height:var(--lg);padding:3px;
  border-radius:7px;background:#fff;border:1px solid var(--border-2);vertical-align:middle;color:var(--text-3);}
.lg430 img{width:100%;height:100%;object-fit:contain;display:block;}
.lg430-0{background:var(--card-2);}
.lg430-0 svg{width:62%;height:62%;}
.ens-nm{display:flex;align-items:center;gap:10px;}
.ens-nm>div{min-width:0;}
.gv-chip .lg430{--lg:16px;padding:2px;border-radius:5px;margin-right:2px;}
.ens-hd{display:flex;align-items:center;gap:16px;}
.ens-hd .lg430{--lg:46px;padding:7px;border-radius:14px;border:0;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.ens-hd h1{margin:0;}
@media (max-width:600px){.ens-hd{gap:12px;}.ens-hd .lg430{--lg:34px;padding:5px;border-radius:11px;}}
/* LOT430-20261010 fin */

/* LOT434-20261010 : liens de bas de section et de bas de page = boutons alignés (demande du user, capture du 10/10).
   Rangées concernées : .xl-more, .hx-more, .hx-dl (pages du lot 429), .pj-all (Pénurie), .pn-fmore (recherche de la page Pénurie),
   .fz-app, .tt-app, .intro-cta-row, .eu-links, et tout paragraphe dont un enfant direct est a.intro-link (jamais dans une phrase).
   Les séparateurs « · » des rangées .xl-more / .hx-more sont du texte hors liens : masqués par font-size:0. */
.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links,p:has(>a.intro-link){display:flex!important;flex-wrap:wrap;align-items:stretch;gap:8px 10px;}
.xl-more,.hx-more{font-size:0!important;line-height:0;}
.fz-app{justify-content:center;}
.intro-cta-row{gap:8px 10px;}
:is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a,p:has(>a.intro-link)>a{
  display:inline-flex!important;align-items:center;justify-content:flex-start;gap:8px;box-sizing:border-box;min-height:44px;max-width:100%;
  padding:10px 16px;border-radius:12px;border:1px solid var(--border-2);background:var(--card);box-shadow:0 1px 2px rgba(11,37,69,.06);
  color:var(--blue)!important;font-family:var(--sans);font-size:14px!important;font-weight:700;line-height:1.3;text-align:left;
  text-decoration:none!important;white-space:normal;transition:border-color .15s,background-color .15s,box-shadow .15s;}
:is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a:hover,p:has(>a.intro-link)>a:hover{
  border-color:var(--blue);background:var(--card-2);box-shadow:0 2px 8px rgba(11,37,69,.10);}
:is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a:focus-visible,p:has(>a.intro-link)>a:focus-visible{
  outline:2px solid var(--blue);outline-offset:2px;}
:is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a svg,p:has(>a.intro-link)>a svg{flex:none;color:var(--blue);}
.tt-app{padding-top:4px;}
.tt-app>a{min-height:40px;padding:8px 14px;font-size:13.5px!important;}
.eu-links>a{min-height:40px;padding:8px 14px;}
html[data-theme="dark"] :is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a,
html[data-theme="dark"] p:has(>a.intro-link)>a{box-shadow:none;}
@media (max-width:600px){
  :is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.intro-cta-row)>a,p:has(>a.intro-link)>a{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){:is(.xl-more,.hx-more,.hx-dl,.pj-all,.pn-fmore,.fz-app,.tt-app,.intro-cta-row,.eu-links)>a,p:has(>a.intro-link)>a{transition:none;}}
/* LOT434-20261010 fin */

/* LOT441-20261012 : barre du haut sur téléphone = installation de l'application (comme « Installer l'application » du menu) */
.nav-cta-inst{display:none!important;}
.nav-cta-inst svg{width:16px;height:16px;flex:none;}
@media (max-width:820px) and (pointer:coarse){.nav-v2 .topbar .nav-cta-app{display:none!important;}.nav-v2 .topbar .nav-cta-inst{display:inline-flex!important;}}
@media (max-width:520px){.nav-v2 .topbar .nav-cta-inst svg{display:none;}}
/* LOT441-20261012 bouton fin */
/* LOT469-20261015 : bandeau d'installation de l'appli (téléphone), au style de l'écran d'installation de l'appli :
   fond bleu nuit, logo cerclé de jaune, deux écrans de l'appli qui dépassent, quatre atouts, bouton jaune qui luit. */
.pc-sib{position:fixed;left:12px;right:12px;bottom:calc(58px + 12px + env(safe-area-inset-bottom,0px));z-index:130;max-width:460px;margin:0 auto;
  color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:16px 16px 14px;text-align:left;font-family:inherit;
  background:radial-gradient(120% 90% at 100% 0%,rgba(29,110,245,.5) 0%,rgba(29,110,245,0) 58%),radial-gradient(90% 70% at 0% 100%,rgba(255,214,10,.16) 0%,rgba(255,214,10,0) 60%),#0b1322;
  box-shadow:0 22px 50px rgba(0,8,26,.5),0 0 0 1px rgba(255,214,10,.08);transform:translateY(calc(100% + 110px));opacity:0;
  transition:transform .55s cubic-bezier(.2,1.15,.3,1),opacity .3s ease;}
.pc-sib.on{transform:none;opacity:1;}
.pc-sib *,.pc-sib *::before,.pc-sib *::after{box-sizing:border-box;}
.pc-sib-x{position:absolute;top:8px;left:auto;right:8px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(11,19,34,.55);color:#cdd8e8;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.pc-sib-x:hover,.pc-sib-x:focus-visible{background:rgba(255,255,255,.14);color:#fff;}
.pc-sib-ph{position:absolute;top:-40px;right:48px;width:94px;height:118px;pointer-events:none;z-index:1;}
.pc-sib-ph img{position:absolute;bottom:0;width:52px;height:auto;aspect-ratio:300/649;object-fit:cover;object-position:top;border-radius:10px;background:#05080f;padding:2px;box-shadow:0 10px 22px rgba(0,0,0,.55),0 0 0 1.5px rgba(255,255,255,.16);}
.pc-sib-p1{right:34px;transform:rotate(-9deg);transform-origin:bottom right;}
.pc-sib-p2{right:0;width:58px!important;box-shadow:0 12px 26px rgba(0,0,0,.6),0 0 0 2px rgba(255,214,10,.75)!important;}
.pc-sib.on .pc-sib-p1{animation:pcSibFan .7s cubic-bezier(.2,1.2,.3,1) .25s both;}
.pc-sib.on .pc-sib-p2{animation:pcSibRise .7s cubic-bezier(.2,1.2,.3,1) .15s both,pcSibFloat 4s ease-in-out 1.2s infinite;}
@keyframes pcSibFan{from{transform:rotate(0) translateY(18px);opacity:0;}to{transform:rotate(-9deg);opacity:1;}}
@keyframes pcSibRise{from{transform:translateY(24px);opacity:0;}to{transform:none;opacity:1;}}
@keyframes pcSibFloat{50%{transform:translateY(-4px);}}
.pc-sib-head{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding-right:104px;}
.pc-sib-ico{flex:none;width:54px;height:54px;border-radius:16px;background:#0b1322;box-shadow:0 0 0 2.5px rgba(255,214,10,.65),0 8px 22px rgba(255,214,10,.2);}
.pc-sib.on .pc-sib-ico{animation:pcSibPop .55s cubic-bezier(.2,1.4,.4,1) .2s both;}
@keyframes pcSibPop{from{transform:scale(.55);opacity:0;}to{transform:none;opacity:1;}}
.pc-sib-tt{min-width:0;}
.pc-sib-k1{margin:0 0 1px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;color:#ffd60a;}
.pc-sib-t{margin:0;font-size:21px;font-weight:800;letter-spacing:-.015em;line-height:1.1;color:#fff;}
.pc-sib-k{margin:3px 0 0;font-size:12px;font-weight:700;line-height:1.3;color:#9fb1c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pc-sib-d{position:relative;z-index:2;margin:12px 0 0;font-size:14.5px;line-height:1.4;font-weight:600;color:#dbe6f5;}
.pc-sib-d em{font-style:normal;color:#ffd60a;}
.pc-sib-d b{color:#fff;font-weight:800;}
.pc-sib-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0 14px;padding:0;list-style:none;}
.pc-sib-f li{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border-radius:12px;background:rgba(255,255,255,.07);font-size:12.5px;font-weight:700;line-height:1.25;color:#e6eef9;}
.pc-sib-f svg{flex:none;width:28px;height:28px;padding:6px;border-radius:9px;background:rgba(255,214,10,.14);color:#ffd60a;}
.pc-sib.on .pc-sib-f li{animation:pcSibUp .45s ease-out both;}
.pc-sib.on .pc-sib-f li:nth-child(1){animation-delay:.3s;}.pc-sib.on .pc-sib-f li:nth-child(2){animation-delay:.38s;}.pc-sib.on .pc-sib-f li:nth-child(3){animation-delay:.46s;}.pc-sib.on .pc-sib-f li:nth-child(4){animation-delay:.54s;}
@keyframes pcSibUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.pc-sib-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:17px;
  background:#ffd60a;color:#0b1322!important;font:inherit;font-size:17px;font-weight:800;letter-spacing:-.01em;text-decoration:none!important;cursor:pointer;
  box-shadow:0 10px 28px rgba(255,214,10,.32);transition:transform .12s ease;animation:pcSibGlow 2.6s ease-in-out 1.2s infinite;}
.pc-sib-btn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));transform:skewX(-18deg);animation:pcSibShine 3.6s ease-in-out .9s infinite;}
@keyframes pcSibShine{0%,58%{left:-40%;}100%{left:130%;}}
@keyframes pcSibGlow{50%{box-shadow:0 10px 36px rgba(255,214,10,.55),0 0 0 5px rgba(255,214,10,.14);}}
.pc-sib-btn:active{transform:scale(.985);}
.pc-sib-btn:disabled{opacity:.85;cursor:default;}
.pc-sib-btn:disabled::after{display:none;}
.pc-sib-btn:focus-visible,.pc-sib-x:focus-visible{outline:3px solid #7fb2ff;outline-offset:3px;}
.pc-sib-btn svg{flex:none;}
.pc-sib-open .to-top{bottom:calc(58px + 24px + 40px + var(--pc-sib-h,300px) + env(safe-area-inset-bottom,0px))!important;}
@media (max-width:359px){.pc-sib{left:8px;right:8px;padding:14px 12px 12px;}.pc-sib-ph{display:none;}.pc-sib-head{padding-right:40px;}.pc-sib-f li{font-size:12px;padding:6px;}}
@media (max-height:640px){.pc-sib-f{display:none;}.pc-sib-d{margin-bottom:12px;}}
@media (min-width:1100px){.pc-sib{bottom:calc(16px + env(safe-area-inset-bottom,0px));}}
@media (prefers-reduced-motion:reduce){.pc-sib{transition:opacity .2s ease;transform:none;}.pc-sib *,.pc-sib *::after{animation:none!important;}}
.pc-sib-prep{position:fixed;left:12px;right:12px;bottom:calc(58px + 12px + env(safe-area-inset-bottom,0px));z-index:131;max-width:460px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;
  background:#0b1322;color:#dbe6f5;border:1px solid rgba(255,214,10,.35);box-shadow:0 18px 44px rgba(0,8,26,.45);font-size:13px;line-height:1.35;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .2s ease;}
.pc-sib-prep.on{transform:none;opacity:1;}
.pc-sib-prep b{display:block;color:#fff;font-size:15px;margin-bottom:2px;}
.pc-sib-spin{flex:none;width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,214,10,.25);border-top-color:#ffd60a;animation:pcSibSpin .8s linear infinite;}
@keyframes pcSibSpin{to{transform:rotate(360deg);}}
.pc-sib-diag{position:fixed;left:8px;right:8px;top:8px;z-index:200;padding:8px 10px;border-radius:10px;background:#111;color:#0f0;font:12px/1.4 monospace;white-space:normal;}
/* LOT469-20261015 fin */