/* FabrykaCmyka — listing kategorii /sklep/{kategoria} (port 1:1 „Listing - Kategoria", handoff 4).
   Renderujemy treść — header/stopkę daje motyw. Filtry/sort/paginacja: archive.js (klient). */
.fc-root{
  --fc-yellow:#FFDE2C;
  --fc-magenta:#C800A7; --fc-magenta-light:#CC55B8;
  --fc-cyan:#6EC1E4; --fc-cyan-1:#A2D9DA; --fc-cyan-2:#9FD5D5;
  --fc-text:#54595F; --fc-text-soft:#7A7A7A;
  --fc-border:#ECECEC; --fc-bg:#FFFFFF; --fc-bg-soft:#F7F8F8;
  --fc-font-head:'Poppins',sans-serif; --fc-font-body:'Lato',sans-serif;
  --fc-r:10px; --fc-r-sm:7px;
}
.fc-root *{box-sizing:border-box}
.fc-root [hidden]{display:none!important}
.fc-root{font-family:var(--fc-font-body);color:var(--fc-text);background:var(--fc-bg);line-height:1.5;-webkit-font-smoothing:antialiased}
.fc-root h1,.fc-root h2,.fc-root h3,.fc-root h4{font-family:var(--fc-font-head);margin:0;color:var(--fc-text);line-height:1.18}
.fc-root button{font-family:inherit}
.fc-root a{color:inherit;text-decoration:none}
.fc-root a:focus-visible,.fc-root button:focus-visible,.fc-root select:focus-visible{outline:2px solid var(--fc-magenta);outline-offset:2px}
.fc-wrap{max-width:var(--fc-container,1280px);margin:0 auto;padding:0 24px}

/* BREADCRUMBS */
.fc-bc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--fc-text-soft);padding:22px 0 4px}
.fc-bc a{color:var(--fc-text-soft);transition:.13s}
.fc-bc a:hover{color:var(--fc-magenta)}
.fc-bc svg{color:#c6cacd;flex:none}
.fc-bc b{color:var(--fc-text);font-weight:700}

/* CATEGORY HEAD */
.fc-cathead{display:flex;align-items:center;gap:22px;padding:18px 0 26px;box-shadow:0 1px 0 var(--fc-border)}
.fc-cathead__ico{width:72px;height:72px;border-radius:var(--fc-r);background:var(--fc-bg-soft);border:1px solid var(--fc-border);color:var(--fc-magenta);display:flex;align-items:center;justify-content:center;flex:none}
.fc-cathead__tx{flex:1;min-width:0}
.fc-cathead__top{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.fc-cathead h1{font-size:38px;font-weight:800;letter-spacing:-1.4px;line-height:1;text-transform:uppercase;color:var(--fc-text)}
.fc-cathead__count{font-family:var(--fc-font-head);font-weight:600;font-size:12px;letter-spacing:.3px;color:var(--fc-text-soft);background:var(--fc-bg-soft);border:1px solid var(--fc-border);border-radius:999px;padding:5px 12px;white-space:nowrap}
.fc-cathead p{font-size:15px;color:var(--fc-text-soft);margin:9px 0 0;max-width:640px;text-wrap:pretty}

/* ARCHIVE LAYOUT */
.fc-arch{display:grid;grid-template-columns:268px 1fr;gap:34px;padding:28px 0 8px;align-items:start}
.fc-archmain{min-width:0}

/* FILTERS SIDEBAR */
.fc-filters{position:sticky;top:18px}
.fc-filters__head{display:none;align-items:center;justify-content:space-between;margin-bottom:14px}
.fc-fclose{display:none}
.fc-fgroup{padding:18px 0;box-shadow:0 1px 0 var(--fc-border)}
.fc-fgroup:first-of-type{padding-top:0}
.fc-fgroup h3{font-family:var(--fc-font-head);font-weight:600;font-size:14px;color:var(--fc-text);margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}
.fc-fgroup h3 span{font-weight:600;font-size:11.5px;color:var(--fc-text-soft)}

/* color swatch multiselect */
.fc-swatches{display:flex;flex-wrap:wrap;gap:11px}
.fc-root .fc-swf{position:relative;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.16);cursor:pointer;transition:.13s;box-shadow:0 0 0 0 var(--fc-cyan)}
.fc-root .fc-swf:hover{transform:scale(1.08)}
.fc-root .fc-swf.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fc-magenta);border-color:rgba(0,0,0,.16)}
.fc-swf__chk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:.12s}
.fc-swf.is-on .fc-swf__chk{opacity:1}
.fc-swf__lbl{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);background:var(--fc-text);color:#fff;font-size:11px;font-family:var(--fc-font-head);font-weight:600;padding:3px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:.12s;z-index:5}
.fc-swf:hover .fc-swf__lbl{opacity:1}

/* checkbox rows (method / price) */
.fc-clist{display:flex;flex-direction:column;gap:3px}
.fc-root .fc-chk{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;box-shadow:none;padding:8px 6px;border-radius:var(--fc-r-sm);cursor:pointer;text-align:left;font-size:14px;color:var(--fc-text);transition:.12s}
.fc-root .fc-chk:hover,.fc-root .fc-chk:focus,.fc-root .fc-chk:active{background:var(--fc-bg-soft);box-shadow:none}
.fc-chk__box{width:19px;height:19px;border-radius:5px;border:1.6px solid #cfd3d6;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:.12s}
.fc-chk.is-on .fc-chk__box{background:var(--fc-magenta);border-color:var(--fc-magenta)}
.fc-chk__box svg{opacity:0;transition:.12s}
.fc-chk.is-on .fc-chk__box svg{opacity:1}
.fc-chk__t{flex:1}
.fc-chk.is-on .fc-chk__t{font-weight:700;color:var(--fc-text)}
.fc-chk__n{font-size:12px;color:var(--fc-text-soft);font-variant-numeric:tabular-nums}

/* size chips */
.fc-sizes{display:flex;flex-wrap:wrap;gap:8px}
.fc-root .fc-size{min-width:42px;height:38px;padding:0 10px;border:1px solid var(--fc-border);background:#fff;border-radius:var(--fc-r-sm);font-family:var(--fc-font-head);font-weight:600;font-size:13px;color:var(--fc-text);cursor:pointer;transition:.12s}
.fc-root .fc-size:hover{border-color:var(--fc-cyan)}
.fc-root .fc-size.is-on{background:var(--fc-magenta);border-color:var(--fc-magenta);color:#fff}

.fc-root .fc-clearbtn{display:inline-flex;align-items:center;gap:7px;margin-top:18px;background:none;border:0;color:var(--fc-magenta);font-family:var(--fc-font-head);font-weight:700;font-size:13.5px;cursor:pointer;padding:4px 0}
.fc-clearbtn:hover{text-decoration:underline}

/* TOOLBAR */
.fc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.fc-toolbar__l{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fc-toolbar__r{display:flex;align-items:center;gap:14px}
/* przełącznik 3/4 kolumn (pigułka z przesuwnym thumbem) — 1:1 z projektem handoff34 */
.fc-cols{position:relative;display:inline-flex;background:#F2F3F4;border:1px solid #E7E8EA;border-radius:999px;padding:4px;flex:none}
.fc-cols__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--fc-cyan,#00A0C6);border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.16);transition:transform .26s cubic-bezier(.4,0,.2,1)}
.fc-cols.is-4 .fc-cols__thumb{transform:translateX(100%)}
.fc-root .fc-cols__opt{position:relative;z-index:1;min-width:48px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;cursor:pointer;font-family:var(--fc-font-head);font-weight:600;font-size:13.5px;color:var(--fc-text-soft);padding:0}
.fc-root .fc-cols__opt:hover,.fc-root .fc-cols__opt:focus,.fc-root .fc-cols__opt:active{background:transparent}
.fc-cols__opt.is-on{color:#fff}
.fc-cols__opt svg{opacity:.9}
.fc-result{font-size:13.5px;color:var(--fc-text-soft)}
.fc-result b{font-family:var(--fc-font-head);font-weight:700;color:var(--fc-text)}
.fc-fbtn{display:none}
.fc-sort{display:inline-flex;align-items:center;gap:9px}
.fc-sort label{font-size:13px;color:var(--fc-text-soft);white-space:nowrap}
.fc-sort__wrap{position:relative}
/* custom dropdown sortowania (handoff5) */
.fc-root .fc-dd__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:172px;font-family:var(--fc-font-head);font-weight:600;font-size:13.5px;color:var(--fc-text);background:#fff;border:1px solid var(--fc-border);border-radius:var(--fc-r-sm);height:42px;padding:0 14px;cursor:pointer;transition:.13s}
.fc-root .fc-dd__btn:hover{border-color:var(--fc-cyan)}
.fc-dd__btn svg{color:var(--fc-text-soft);transition:transform .15s;flex:none}
.fc-dd__btn svg.is-open{transform:rotate(180deg)}
.fc-dd__back{position:fixed;inset:0;z-index:40}
.fc-dd__list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--fc-border);border-radius:var(--fc-r-sm);box-shadow:0 12px 30px rgba(0,0,0,.13)}
.fc-dd__list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;font-family:var(--fc-font-head);font-weight:600;font-size:13.5px;color:var(--fc-text);border-radius:6px;cursor:pointer;white-space:nowrap;transition:.1s}
.fc-dd__list li:hover{background:var(--fc-bg-soft)}
.fc-dd__list li.is-active{color:var(--fc-magenta);background:var(--fc-magenta-soft,#fbeaf6)}
.fc-dd__list li svg{color:var(--fc-magenta);flex:none;display:none}
.fc-dd__list li.is-active svg{display:block}

/* active filter chips */
.fc-active{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.fc-active__lbl{font-size:12.5px;color:var(--fc-text-soft);font-weight:700;font-family:var(--fc-font-head)}
.fc-active #fc-active-chips{display:contents}
.fc-achip{display:inline-flex;align-items:center;gap:7px;background:var(--fc-magenta-soft,#fbeaf6);color:var(--fc-magenta);border:1px solid #f3cfe9;border-radius:999px;padding:5px 8px 5px 12px;font-size:12.5px;font-weight:700;font-family:var(--fc-font-head)}
.fc-achip i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:inline-block}
.fc-root .fc-achip button{width:18px;height:18px;border-radius:50%;border:0;background:rgba(200,0,167,.12);color:var(--fc-magenta);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.fc-root .fc-achip button:hover{background:var(--fc-magenta);color:#fff}

/* PRODUCT GRID */
.fc-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* przełącznik 3/4 działa tylko na desktopie (>1040px) — niżej siatka i tak schodzi do 3/2/1 przez media queries */
@media (min-width:1041px){.fc-pgrid.is-c3{grid-template-columns:repeat(3,1fr)}}
.fc-pcard{border:1px solid var(--fc-border);border-radius:var(--fc-r);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.16s}
.fc-pcard:hover{border-color:var(--fc-cyan);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.07)}
.fc-pcard__img{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:14px;box-sizing:border-box;background:#fff}
.fc-pcard__img svg.fc-shirt{width:42%;height:42%;filter:drop-shadow(0 10px 22px rgba(0,0,0,.16))}
.fc-pcard__img img{width:100%;height:100%;object-fit:contain}
.fc-pcard__badge{position:absolute;left:14px;top:14px;background:var(--fc-yellow);color:#3a3300;font-family:var(--fc-font-head);font-weight:700;font-size:11px;padding:5px 11px;border-radius:999px}
.fc-pcard__badge.is-new{background:var(--fc-cyan);color:#06384a}
.fc-pcard__b{padding:18px;display:flex;flex-direction:column;flex:1}
.fc-pcard__t{font-family:var(--fc-font-head);font-weight:600;font-size:17px;line-height:1.25;min-height:2.5em;color:var(--fc-text)}
.fc-root a.fc-pcard__t:hover{color:var(--fc-magenta)}
.fc-pcard__c{font-size:11.5px;font-weight:700;letter-spacing:.4px;color:var(--fc-magenta);background:var(--fc-magenta-soft,#fbeaf6);border-radius:5px;padding:2px 8px;align-self:flex-start;margin-top:8px;white-space:nowrap}
.fc-pcard__sw{display:flex;align-items:center;gap:7px;margin:14px 0 4px;flex-wrap:wrap}
.fc-pcard__sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:block}
.fc-pcard__sw small{font-size:12px;color:var(--fc-text-soft);font-weight:700;margin-left:2px}
.fc-pcard__price{font-size:14px;color:var(--fc-text);margin-top:auto;padding-top:10px}
.fc-pcard__price b{font-family:var(--fc-font-head);font-weight:700;font-size:21px;color:var(--fc-magenta)}
.fc-pcard__price span{font-size:12px;color:var(--fc-text-soft)}
.fc-root .fc-pcard__cta{margin-top:14px;height:48px;border:0;border-radius:var(--fc-r-sm);background:var(--fc-magenta);color:#fff;font-family:var(--fc-font-head);font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s;text-decoration:none}
.fc-root .fc-pcard__cta:hover{background:var(--fc-magenta-dark,#a90b8f);color:#fff}

/* PAGINATION */
.fc-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:42px 0 8px}
.fc-root .fc-page{min-width:42px;height:42px;padding:0 12px;border:1px solid var(--fc-border);background:#fff;border-radius:var(--fc-r-sm);font-family:var(--fc-font-head);font-weight:600;font-size:14px;color:var(--fc-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.13s}
.fc-root .fc-page:hover:not(.is-active):not(:disabled){border-color:var(--fc-cyan)}
.fc-root .fc-page.is-active{background:var(--fc-magenta);border-color:var(--fc-magenta);color:#fff}
.fc-root .fc-page:disabled{opacity:.45;cursor:not-allowed}
.fc-page__dots{color:var(--fc-text-soft);padding:0 2px}

/* EMPTY STATE */
.fc-empty{text-align:center;padding:54px 24px;border:1px dashed var(--fc-border);border-radius:var(--fc-r);background:var(--fc-bg-soft)}
.fc-empty__art{width:92px;height:92px;margin:0 auto 20px;border-radius:50%;background:#fff;border:1px solid var(--fc-border);color:var(--fc-cyan);display:flex;align-items:center;justify-content:center}
.fc-empty h3{font-size:20px;font-weight:600;margin-bottom:8px}
.fc-empty p{font-size:14.5px;color:var(--fc-text-soft);margin:0 auto 22px;max-width:380px}
.fc-root .fc-empty__btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border:0;border-radius:var(--fc-r-sm);background:var(--fc-magenta);color:#fff;font-family:var(--fc-font-head);font-weight:700;font-size:15px;cursor:pointer}
.fc-root .fc-empty__btn:hover{background:var(--fc-magenta-dark,#a90b8f)}

/* HELP BAND */
.fc-help{margin:46px 0 60px;background:var(--fc-bg-soft);border:1px solid var(--fc-border);border-radius:var(--fc-r);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.fc-help__tx h2{font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1;text-transform:uppercase;color:var(--fc-text)}
.fc-help__tx p{font-size:14.5px;color:var(--fc-text-soft);margin:8px 0 0;max-width:520px;text-wrap:pretty}
.fc-help__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 24px;border-radius:var(--fc-r);font-family:var(--fc-font-head);font-weight:700;font-size:15.5px;cursor:pointer;border:1px solid transparent;transition:.15s;text-decoration:none}
.fc-root .fc-btn--mag{background:var(--fc-magenta);color:#fff}
.fc-root .fc-btn--mag:hover{background:var(--fc-magenta-dark,#a90b8f);color:#fff}
.fc-help__phone{display:inline-flex;align-items:center;gap:9px;color:var(--fc-text);font-family:var(--fc-font-head);font-weight:700;font-size:16px;white-space:nowrap}
.fc-help__phone svg{color:var(--fc-magenta)}

.fc-fbackdrop{display:none}

@media (max-width:1040px){
  .fc-arch{grid-template-columns:228px 1fr;gap:26px}
  .fc-pgrid{grid-template-columns:repeat(3,1fr)}
  .fc-cols{display:none} /* niżej brak wyboru — siatka responsywna sama */
}
@media (max-width:760px){
  .fc-wrap{padding:0 16px}
  .fc-cathead h1{font-size:26px;letter-spacing:-.8px}
  .fc-cathead__ico{width:48px;height:48px}
  .fc-cathead{align-items:flex-start;gap:14px;padding:16px 0 18px}
  .fc-cathead__ico svg{width:26px;height:26px}
  .fc-cathead__top{gap:9px}
  .fc-cathead__count{font-size:11px;padding:3px 9px}
  .fc-cathead p{font-size:14px;margin-top:8px}
  .fc-arch{grid-template-columns:1fr;gap:0;padding-top:20px}
  /* Nawigacja kategorii = pełnoszerokościowy stos (handoff „listing mobile 1a"):
     pigułka Kategoria na całą szerokość, hint ukryty, waluta jako zamknięty wiersz. */
  .fc-catbar{flex-direction:column;align-items:stretch;gap:11px;margin:14px 0 2px}
  .fc-catsw{width:100%;border-radius:12px;justify-content:flex-start;height:52px;padding:0 16px}
  .fc-catsw__chev{margin-left:auto}
  .fc-catbar__hint{display:none}
  .fc-catbar__cur{margin-left:0;width:100%;justify-content:space-between;border:1px solid var(--fc-border);border-radius:12px;padding:8px 14px}
  /* Pasek narzędzi = Filtry + Sortuj 50/50 (handoff „listing mobile 1a"); licznik i etykieta „Sortuj:" ukryte. */
  .fc-toolbar{flex-wrap:nowrap;gap:10px}
  .fc-toolbar__l{flex:1;min-width:0}
  .fc-toolbar__r{flex:1;justify-content:flex-end}
  .fc-result{display:none}
  .fc-sort{flex:1;justify-content:flex-end;gap:0}
  .fc-sort label{display:none}
  .fc-sort__wrap{width:100%;max-width:190px}
  .fc-dd__btn{min-width:0;width:100%;max-width:none;height:42px;justify-content:flex-start;padding:0 36px 0 14px}
  .fc-fbtn{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 16px;border:1px solid var(--fc-border);background:#fff;border-radius:var(--fc-r-sm);font-family:var(--fc-font-head);font-weight:600;font-size:13.5px;color:var(--fc-text);cursor:pointer}
  .fc-fbtn:hover{border-color:var(--fc-magenta);color:var(--fc-magenta)}
  .fc-fbtn__n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--fc-magenta);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
  .fc-filters{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:340px;background:#fff;z-index:60;padding:20px;overflow-y:auto;transform:translateX(-103%);transition:transform .26s ease;box-shadow:0 0 40px rgba(0,0,0,.18)}
  .fc-filters.is-open{transform:translateX(0)}
  .fc-filters__head{display:flex}
  .fc-filters__head h3{font-size:18px;font-weight:600}
  .fc-fclose{display:flex;width:40px;height:40px;border:1px solid var(--fc-border);background:#fff;border-radius:var(--fc-r-sm);align-items:center;justify-content:center;cursor:pointer;color:var(--fc-text)}
  .fc-fbackdrop.is-open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}
  .fc-pgrid{grid-template-columns:repeat(2,1fr)}
  .fc-help{padding:24px}
  .fc-help__tx h2{font-size:19px}
}
@media (max-width:460px){
  .fc-pgrid{grid-template-columns:1fr}
}

/* Pasek „Przeglądaj kategorie" — pille kategorii nad listingiem */
/* Nawigacja kategorii — kompaktowy przełącznik + rozwijany panel + waluta w linii (redesign handoff). */
.fc-catbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;margin:26px 0 24px}
.fc-catsw{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid var(--fc-border);border-radius:999px;background:#fff;cursor:pointer;font-family:var(--fc-font-head);line-height:1;transition:border-color .16s}
/* Astra maluje <button> niebiesko na :hover/:focus/:active → wymuszamy białą pigułkę (.fc-root bije specyficznością). Marka zostaje. */
.fc-root .fc-catsw:hover,.fc-root .fc-catsw:focus,.fc-root .fc-catsw:active,.fc-root .fc-catsw:focus-visible{background:#fff;box-shadow:none;outline:none}
.fc-root .fc-catsw:hover,.fc-root .fc-catsw:focus-visible{border-color:var(--fc-magenta)}
.fc-catsw__lab{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--fc-text-soft)}
.fc-catsw__cur{display:inline-flex;align-items:center;gap:8px}
.fc-catsw__dot{width:9px;height:9px;border-radius:50%;flex:none}
.fc-catsw__n{font-weight:600;font-size:14px;color:var(--fc-text)}
.fc-catsw__chev{color:var(--fc-text-soft);transition:transform .16s;flex:none}
.fc-catsw[aria-expanded="true"] .fc-catsw__chev{transform:rotate(180deg)}
.fc-catbar__hint{font-size:12.5px;color:var(--fc-text-soft)}
.fc-catbar__cur{margin-left:auto;display:flex;align-items:center;gap:12px}
.fc-catpanel{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:min(580px, 100vw - 48px);background:#fff;border:1px solid var(--fc-border);border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.14);padding:16px}
.fc-catpanel[hidden]{display:none}
.fc-catpanel__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
.fc-catpanel__i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;text-decoration:none;color:var(--fc-text);transition:background .14s}
.fc-catpanel__i:hover{background:var(--fc-bg-soft,#F7F8F8)}
.fc-catpanel__dot{width:9px;height:9px;border-radius:50%;flex:none}
.fc-catpanel__n{flex:1;font-size:13.5px;font-weight:600;font-family:var(--fc-font-head)}
.fc-catpanel__c{font-size:12px;font-weight:700;background:var(--fc-bg-soft,#f2f4f4);color:var(--fc-text-soft);padding:2px 8px;border-radius:999px}
.fc-catpanel__i.is-current{background:#fbeaf6}
.fc-catpanel__i.is-current .fc-catpanel__n{color:var(--fc-magenta)}
.fc-catpanel__i.is-current .fc-catpanel__c{background:var(--fc-magenta);color:#fff}
.fc-catpanel__back{position:fixed;inset:0;z-index:40}
.fc-catpanel__back[hidden]{display:none}
@media(max-width:460px){.fc-catpanel__grid{grid-template-columns:1fr}}