.quartier-page{padding-top:max(16px,env(safe-area-inset-top))}.crumbs{font-size:14px}.quartier-hero h1{margin:4px 0 8px;font-size:max(24px,min(6vw,34px))}.quartier-hero p{max-width:680px;margin:0 0 6px;line-height:1.5}.figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.figure{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.figure strong{font-size:20px}.quartier-actions{flex-wrap:wrap;gap:8px;display:flex}.quartier-actions .btn{margin:0;padding:11px 16px}.offer-chip{border:1px solid var(--line);border-radius:999px;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.trend{margin:0}.trend-plot{border-bottom:1px solid var(--line);align-items:flex-end;gap:0;height:180px;display:flex}.trend-col{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:0 2px;display:flex;position:relative}.trend-bar{background:var(--accent);border-radius:4px 4px 0 0;width:min(36px,70%);transition:opacity .12s}.trend-col:hover .trend-bar{opacity:.75}.trend-value{color:var(--muted);white-space:nowrap;margin-bottom:4px;font-size:11px}.trend-month{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-20px}.trend{padding-bottom:22px}