.fx-scent{display:grid;gap:20px}
.fx-scent h4{margin:0 0 10px;font:600 12px/1.2 var(--font-body-family,Inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6b6b6b)}
.fx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.fx-facts>div{background:var(--tile,#f3f3f3);border-radius:var(--r,12px);padding:12px}
.fx-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#6b6b6b);margin:0 0 4px}
.fx-facts dd{margin:0;font-size:14px;font-weight:600;color:var(--ink,#141414);line-height:1.3}
.fx-tiers{display:grid;gap:16px}
.fx-notes{display:flex;flex-wrap:wrap;gap:8px}
.fx-note{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:1px solid var(--line,#e5e5e5);border-radius:999px;font-size:13px;color:var(--ink,#141414);text-decoration:none;background:#fff}
a.fx-note:hover{border-color:var(--ink,#141414)}
.fx-note__dot{width:20px;height:20px;border-radius:50%;background:var(--tile,#f3f3f3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);flex:none}
.fx-bars{display:grid;gap:8px}
.fx-bar{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;font-size:13px}
.fx-bar__name{color:var(--ink,#141414)}
.fx-bar__track{height:12px;border-radius:999px;background:var(--tile,#f3f3f3);overflow:hidden}
.fx-bar__fill{display:block;height:100%;border-radius:999px}
.fx-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.fx-rings--2{grid-template-columns:repeat(2,1fr);max-width:50%;margin-top:12px}
.fx-ring{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted,#6b6b6b)}
.fx-ring svg{transform:rotate(-90deg)}
.fx-ring__bg{fill:none;stroke:var(--tile,#f3f3f3);stroke-width:6}
.fx-ring__fg{fill:none;stroke:#bdbdbd;stroke-width:6;stroke-linecap:round}
.fx-ring.is-best .fx-ring__fg{stroke:var(--ink,#141414)}
.fx-ring.is-best .fx-ring__lbl{color:var(--ink,#141414);font-weight:600}
.fx-ring__val{font-size:11px}
.fx-scent__src{margin:0;font-size:12px;color:var(--muted,#6b6b6b)}
@media (max-width:599px){.fx-facts{grid-template-columns:1fr 1fr}.fx-rings--2{max-width:none}}