/* Homepage filter bar (js/filters.js + home.js): one row = Filters · Near me · regions · categories; budget & mood live in a
   popover (desktop) / bottom sheet (phones); active filters show as removable pills under the row. Plus quiet card badges. */
.chips-bar.fx{padding:10px 0 8px}
.fx-row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:100%;min-width:0;padding:2px}
.fx-row::-webkit-scrollbar{display:none}
.fx-row .chips{display:flex;flex:none;gap:8px;overflow:visible;max-width:none;padding:0}
.fx-btn,.fx-near{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);font:500 14px/1 var(--f-body);color:var(--fg);background:transparent;white-space:nowrap;transition:border-color .2s,background .2s}
.fx-btn svg,.fx-near svg{width:16px;height:16px;flex:none}
.fx-btn:hover,.fx-near:hover{border-color:var(--fg)}
.fx-btn.on,.fx-near.on{border-color:var(--fg)}
.fx-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--fg);color:var(--bg);font:700 11px/1 var(--f-body)}
.fx-n[hidden]{display:none}
.fx-seg{flex:none;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:3px}
.chips-bar.fx .fx-seg .rg{margin:0;padding:6px 12px;border:0;border-radius:99px;font-size:13.5px;color:var(--muted);background:none;white-space:nowrap}
.chips-bar.fx .fx-seg .rg:hover{color:var(--fg)}
.chips-bar.fx .fx-seg .rg.on{background:var(--fg);color:var(--bg)}
.fx-div{flex:none;width:1px;height:22px;background:var(--line);margin:0 2px}
.f-sum-wrap:empty{display:none}
.f-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 2px 0}
.t-editorial .f-sum{justify-content:flex-start}
.f-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 12px;border-radius:99px;border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg);font:500 13px/1 var(--f-body)}
.f-pill span{opacity:.55;font-size:15px;line-height:1}
.f-pill:hover{border-color:var(--fg)}.f-pill:hover span{opacity:1}
.f-sum-clear{font:500 13px/1 var(--f-body);color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:5px 4px}
.f-sum-clear:hover{color:var(--fg)}
/* panel */
.fp{position:fixed;inset:0;z-index:2000;pointer-events:none}
.fp-card{position:fixed;width:340px;max-width:calc(100vw - 24px);pointer-events:auto;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.28);padding:16px 18px 14px;animation:fpIn .16s ease-out}
@keyframes fpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fp-head h3{font:600 15px/1.2 var(--f-body);margin:0}
.fp-x{width:30px;height:30px;border-radius:99px;font-size:20px;line-height:1;color:var(--muted)}.fp-x:hover{color:var(--fg)}
.fp-grp{border:0;margin:0 0 16px;padding:0;min-width:0}
.fp-grp legend{font:700 10.5px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0}
.fp-opts{display:flex;flex-wrap:wrap;gap:8px}
.f-opt{padding:8px 14px;border-radius:99px;border:1px solid var(--line);font:500 14px/1 var(--f-body);color:var(--fg);transition:background .15s,border-color .15s}
.f-opt:hover{border-color:var(--fg)}
.f-opt.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.fp-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
.fp-clear{font:500 13.5px/1 var(--f-body);color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.fp-clear:disabled{opacity:.4;text-decoration:none;cursor:default}
.fp-done{padding:9px 20px;border-radius:99px;background:var(--fg);color:var(--bg);font:600 14px/1 var(--f-body)}
.fp.sheet{pointer-events:auto;background:rgba(0,0,0,.42)}
.fp.sheet .fp-card{left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;border-radius:18px 18px 0 0;border-bottom:0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));animation:fpUp .2s ease-out}
.fp.sheet .fp-card::before{content:"";display:block;width:38px;height:4px;border-radius:9px;background:var(--line);margin:0 auto 12px}
.fp.sheet .f-opt{padding:10px 16px;font-size:15px}
.fp.sheet .fp-done{padding:12px 26px;font-size:15px}
@keyframes fpUp{from{transform:translateY(100%)}to{transform:none}}
html.fp-open{overflow:hidden}
/* results */
.f-out{display:none!important}
.f-empty{grid-column:1/-1;column-span:all;text-align:center;padding:56px 16px 40px;color:var(--muted)}
.f-empty p{margin:0 0 14px;font-size:15px}
.f-empty .btn{display:inline-flex;color:var(--fg);border:1px solid var(--line);padding:10px 18px;border-radius:99px;font-weight:600}
.f-empty .btn:hover{border-color:var(--fg)}
.cine-f{padding:10px 4%;margin-bottom:6px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px)}
.cine-f .f-sum{justify-content:flex-start}
.cine-empty{padding:0 4%}
.dist{display:inline-block;margin-left:6px;font-weight:600;color:var(--fg);white-space:nowrap}
.fp-note{display:inline-block;margin-left:6px;font-size:.92em;color:var(--muted);white-space:nowrap}
.fp-note::before{content:"· "}
@media (max-width:760px){
  .cine-f{top:56px;padding:8px 16px}
  .fx-btn,.fx-near{padding:8px 12px;font-size:13.5px}
}
/* ---------- quiet card badges (max 2 per card, priority in js/badges.js) ---------- */
:is(a.card,a.pin,a.g-card,a.mf-item) .b-cap{display:none!important}
:is(a.card,a.pin,a.g-card,a.mf-item) :is(.pill,.listen-chip,.sm-chip,.xw-card .xw){font:600 9.5px/1.15 var(--f-body);letter-spacing:.07em;text-transform:uppercase;padding:4px 7px;border-radius:4px;box-shadow:none;gap:4px}
:is(a.card,a.pin,a.g-card,a.mf-item) :is(.card-top,.pin-top) :is(.pill,.listen-chip,.xw-card .xw),
:is(a.card,a.pin,a.g-card,a.mf-item) .sm-chip{background:rgba(16,16,16,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#f2eee6;opacity:1}
:is(.card-top,.pin-top) .pill.hot{color:#ffc4b5}
:is(.card-top,.pin-top) .pill.new{color:#b9e8e0}
:is(.card-top,.pin-top) :is(.pill.reme,.pill.fy){color:#eed9a8}
:is(a.card,a.pin,a.g-card,a.mf-item) .sm-chip{color:#c3e9ce}
:is(a.card,a.pin,a.g-card,a.mf-item) .sm-chip svg{width:11px;height:11px}
:is(.card-top,.pin-top) .listen-chip{color:#bdeecd}
:is(.card-top,.pin-top) .listen-chip:hover{background:rgba(16,16,16,.75);color:#fff}
:is(.card-top,.pin-top) > * + *{margin-left:4px}
:is(.card-pills,.kicker,.mf-pills) .pill{background:transparent;border:1px solid color-mix(in srgb,currentColor 32%,transparent)}
:is(.card-pills,.kicker,.mf-pills) .pill.hot{color:color-mix(in srgb,var(--hot) 78%,var(--fg))}
:is(.card-pills,.kicker,.mf-pills) .pill.reme{color:color-mix(in srgb,var(--reme) 78%,var(--fg))}
:is(.card-pills,.kicker,.mf-pills) .pill.new{color:color-mix(in srgb,#2fa395 75%,var(--fg))}
:is(.card-pills,.kicker,.mf-pills) .pill.sample{opacity:.5}
/* 'Just announced' long/short label */
.pill.new .pn-s{display:none}
.pin-top .pill.new .pn-l,.mf-pills .pill.new .pn-l{display:none}.pin-top .pill.new .pn-s,.mf-pills .pill.new .pn-s{display:inline}
@media (max-width:760px){.pill.new .pn-l{display:none}.pill.new .pn-s{display:inline}}