/* Catalog filters: inline bar on desktop, bottom sheet on mobile (<=959px). */
.ks-fbtn{display:none}
.ks-fgroup{border:0;margin:0;padding:0;min-width:0}
.ks-fgroup legend{float:left;padding:0;margin:0 12px 0 0;line-height:44px}
.ks-fgroup__opts{display:flex;flex-wrap:wrap;gap:8px}
.ks-light .ks-fopt{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--ks-field);background:#fff;color:var(--ks-text);font-size:15px;cursor:pointer;transition:background .15s}
.ks-fopt:hover{background:var(--ks-light-2)}
.ks-fopt input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--ks-dark)}
.ks-fopt__c{font-size:14px;color:var(--ks-muted)}
.ks-light .ks-fopt:has(input:checked){background:var(--ks-dark);border-color:var(--ks-dark);color:var(--ks-ink)}
.ks-fopt:has(input:checked) .ks-fopt__c{color:var(--ks-ink-2)}
.ks-fopt:has(input:focus-visible){outline:2px solid var(--ks-link);outline-offset:3px}
.ks-fopt.is-off{opacity:.5;cursor:not-allowed}
.ks-fpanel__head,.ks-fpanel__foot{display:none}
.ks-fpanel__body{display:contents}
html:not(.ks-fjs) .ks-fpanel__foot{display:flex;align-items:center;gap:12px}
.ks-fclear,.ks-aclear{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--ks-link);text-decoration:underline;text-underline-offset:4px}
.ks-applied{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.ks-light .ks-achip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--ks-lavender);color:var(--ks-dark);text-decoration:none;font-size:15px}
.ks-light .ks-achip:hover{background:#bdb2ec;color:var(--ks-dark)}
.ks-achip span{font-size:20px;line-height:1}
.ks-empty{padding:28px;border-radius:var(--ks-r-md);background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ks-empty p{margin:0}
.ks-fback{position:fixed;inset:0;z-index:200;background:rgba(20,18,40,.55)}
.ks-fback[hidden]{display:none}
html.ks-noscroll{overflow:hidden}

@media (max-width:959px){
  .ks-filters{flex-direction:column;align-items:stretch}
  .ks-fgroup legend{float:none;display:block;margin:0 0 6px;line-height:1.4}
  .ks-sort{margin-left:0;display:block}
  .ks-sort select{width:100%}
  html.ks-fjs .ks-fbtn{display:flex;position:sticky;top:10px;z-index:40;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin:0 0 14px;border:0;border-radius:999px;background:var(--ks-dark);color:var(--ks-ink);font:400 16px/1 var(--ks-sans);box-shadow:0 8px 24px rgba(20,18,40,.28);cursor:pointer}
  .ks-fbtn__n{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--ks-apricot);color:var(--ks-dark);font-size:14px;font-weight:500;line-height:24px;text-align:center}
  .ks-fbtn__n[hidden]{display:none}
  html.ks-fjs .ks-filters{display:none}
  html.ks-fjs .ks-filters.is-open{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:210;max-height:90vh;max-height:90dvh;margin:0;padding:0;border:0;border-radius:24px 24px 0 0;background:var(--ks-light);box-shadow:0 -12px 40px rgba(20,18,40,.3)}
  html.ks-fjs .ks-fpanel__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 22px;border-bottom:1px solid var(--ks-line)}
  .ks-fpanel__title{margin:0;font:400 26px/1.2 var(--ks-serif);outline:none}
  .ks-fpanel__close{width:44px;height:44px;border:0;border-radius:999px;background:var(--ks-light-2);color:var(--ks-text);font-size:28px;line-height:1;cursor:pointer}
  html.ks-fjs .ks-fpanel__body{display:flex;flex-direction:column;gap:22px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px}
  html.ks-fjs .ks-fpanel__foot{display:flex;align-items:center;gap:10px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ks-line);background:var(--ks-light)}
  .ks-fpanel__foot .ks-btn{flex:1;min-height:52px}
  .ks-fpanel__foot .ks-btn[disabled]{opacity:.55}
}
@media (min-width:960px){html.ks-fjs .ks-fpanel__foot{display:none}}
html.ks-noscroll .ks-help--floating{display:none!important}
