.filters{position:sticky;top:var(--header-h);z-index:40;background:#000000db;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:var(--sp-3) 0;transition:transform var(--dur) var(--ease)}.filters.hide-filters{transform:translate3d(0,-100%,0)}.fbar{display:flex;align-items:center;gap:var(--sp-4)}.fbar-row{display:flex;align-items:center;gap:var(--sp-1);flex:1;min-width:0;flex-wrap:wrap;min-height:40px}.fbar-side{display:flex;align-items:center;gap:var(--sp-2);flex:none;padding-left:var(--sp-4);border-left:1px solid var(--line)}.fdrop{position:relative}.fdrop[hidden]{display:none}.fdrop-btn{display:inline-flex;align-items:center;gap:var(--sp-2);max-width:230px;min-height:40px;padding:0 var(--sp-3);background:transparent;border:1px solid transparent;color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.fdrop-btn .fdrop-txt{overflow:hidden;text-overflow:ellipsis}.fdrop-btn:hover{color:var(--fg)}.fdrop-btn:focus-visible{outline:none;box-shadow:var(--focus)}.fdrop-btn svg{width:9px;height:9px;flex:none;opacity:.55;transition:transform var(--dur) var(--ease)}.fdrop[data-open] .fdrop-btn{color:var(--fg)}.fdrop[data-open] .fdrop-btn svg{transform:rotate(180deg)}.fdrop[data-on] .fdrop-btn{color:var(--fg);border-color:var(--line-loud)}.fdrop-menu{position:absolute;top:calc(100% + 9px);left:0;z-index:60;min-width:230px;max-width:320px;max-height:min(58vh,440px);overflow-y:auto;padding:var(--sp-2);background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:0 24px 60px #000000a6}.fdrop-menu[hidden]{display:none}.fdrop[data-align=right] .fdrop-menu{left:auto;right:0}.fdrop-opt{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px var(--sp-3);background:transparent;border:0;color:var(--fg-muted);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.fdrop-opt:hover,.fdrop-opt:focus-visible{background:var(--surface-3);color:var(--fg);outline:none}.fdrop-opt .tick{width:14px;flex:none;opacity:0;font-size:12px;line-height:1}.fdrop-opt[aria-selected=true]{color:var(--fg)}.fdrop-opt[aria-selected=true] .tick{opacity:1}.cdot{width:13px;height:13px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff47}.cdot-gap{width:13px;flex:none}.fdrop-txt .cdot,.fchip .cdot{margin-right:var(--sp-2)}.fdrop-txt{display:inline-flex;align-items:center}.fsec-opt{display:inline-flex;align-items:center;gap:var(--sp-2)}.fbar-search{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;background:transparent;border:1px solid transparent;color:var(--fg-muted);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.fbar-search svg{width:17px;height:17px}.fbar-search:hover{color:var(--fg)}.fbar-search:focus-visible{outline:none;box-shadow:var(--focus)}.fbar-search[aria-expanded=true]{color:var(--fg);border-color:var(--line-loud)}.fbar-all{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);background:transparent;border:1px solid var(--line);color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.fbar-all:hover{border-color:var(--line-strong);color:var(--fg)}.fbar-all:focus-visible{outline:none;box-shadow:var(--focus)}.filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--fg);color:var(--bg);font-size:10px;letter-spacing:0;border-radius:9px}.filters-count[hidden]{display:none}.fsearch{padding-top:var(--sp-3)}.fsearch[hidden]{display:none}.fsearch input{width:100%;min-height:44px;background:var(--surface-1);border:1px solid var(--line-control);color:var(--fg);padding:11px var(--sp-4);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.fsearch input::placeholder{color:var(--fg-subtle)}.fsearch input:hover{border-color:var(--line-strong)}.fsearch input:focus{outline:none;border-color:var(--line-loud);background:var(--surface-2)}.filters-native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.fchips{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;padding-top:var(--sp-6)}.fchips[hidden]{display:none}.fchip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:7px var(--sp-3);background:transparent;border:1px solid var(--line);color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.06em;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.fchip:hover{border-color:var(--line-strong);color:var(--fg)}.fchip:focus-visible{outline:none;box-shadow:var(--focus)}.fchip .x{font-size:14px;line-height:1;opacity:.55}.fchips .reset{background:transparent;border:0;color:var(--fg-subtle);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;padding:7px var(--sp-2);cursor:pointer;transition:color var(--dur) var(--ease)}.fchips .reset:hover{color:var(--fg)}.fdrawer{position:fixed;inset:0;z-index:200}.fdrawer[hidden]{display:none}.fdrawer-back{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fdrawer-fade .2s var(--ease)}.fdrawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--line);animation:fdrawer-in .28s var(--ease)}@keyframes fdrawer-fade{0%{opacity:0}to{opacity:1}}@keyframes fdrawer-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.fdrawer-back,.fdrawer-panel{animation:none}}.fdrawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--line);flex:none}.fdrawer-head h3{margin:0;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);font-weight:400}.fdrawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:calc(var(--sp-3) * -1);background:transparent;border:0;color:var(--fg-muted);font-size:20px;line-height:1;cursor:pointer;transition:color var(--dur) var(--ease)}.fdrawer-close:hover{color:var(--fg)}.fdrawer-close:focus-visible{outline:none;box-shadow:var(--focus)}.fdrawer-body{flex:1;overflow-y:auto;padding:0 var(--sp-6) var(--sp-6)}.fsec{border-bottom:1px solid var(--line);padding:var(--sp-5) 0}.fsec:last-child{border-bottom:0}.fsec h4{margin:0 0 var(--sp-3);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);font-weight:400}.fsec-opts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.fsec-opt{padding:9px var(--sp-4);background:transparent;border:1px solid var(--line);color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.04em;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.fsec-opt:hover{border-color:var(--line-strong);color:var(--fg)}.fsec-opt:focus-visible{outline:none;box-shadow:var(--focus)}.fsec-opt[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.fdrawer-foot{display:flex;align-items:center;gap:var(--sp-3);flex:none;padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line)}.fdrawer-foot .reset{flex:none;background:transparent;border:0;color:var(--fg-subtle);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;padding:var(--sp-3) 0;cursor:pointer;transition:color var(--dur) var(--ease)}.fdrawer-foot .reset:hover{color:var(--fg)}.fdrawer-foot .show{flex:1;min-height:48px;background:var(--fg);border:1px solid var(--fg);color:var(--bg);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity var(--dur) var(--ease)}.fdrawer-foot .show:hover{opacity:.85}.count{padding:var(--sp-5) 0 0;color:var(--fg-subtle);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.fchips+.count{padding-top:var(--sp-4)}.fdrop-sort .fdrop-btn{gap:var(--sp-2)}.fdrop-sort .fdrop-btn>svg:first-child{width:14px;height:14px;opacity:.75}.fdrop-sort .fdrop-menu{min-width:210px}.products-grid{margin-top:var(--sp-6)}@media(max-width:900px){.fbar{gap:var(--sp-2)}.fbar-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(var(--sp-2) * -1);padding:0 var(--sp-2);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.fbar-row::-webkit-scrollbar{display:none}.fdrop-btn{padding:0 var(--sp-2);gap:var(--sp-1)}.fbar-side{padding-left:var(--sp-3);gap:var(--sp-1)}.fbar-all{padding:0 var(--sp-3)}.fbar-all .all-word{display:none}.fdrawer-panel{width:100%;border-left:0}}@media(max-width:700px){.fbar-row{display:none}.fbar-side{flex:1;padding-left:0;border-left:0;gap:var(--sp-2)}.fbar-search{min-height:44px;min-width:44px;justify-content:center;border:1px solid var(--line)}.fbar-sort{flex:1 1 auto;display:flex}.fbar-sort .fdrop{flex:1}.fbar-sort .fdrop-btn{width:100%;max-width:none;justify-content:center;min-height:44px;border-color:var(--line)}.fbar-all{flex:1 1 auto;justify-content:center;min-height:44px;border-color:var(--line-strong)}.fbar-all .all-word{display:inline}.fbar-sort,.fbar-all,.fbar-sort .fdrop,.fbar-sort .fdrop-btn,.fbar-sort .fdrop-txt{min-width:0}.fbar-sort .fdrop-btn>span,.fbar-all>span{overflow:hidden;text-overflow:ellipsis}.fbar-sort .fdrop-menu{left:var(--sp-4);right:var(--sp-4);min-width:0}}@media(max-width:420px){.fbar-all .all-word{display:none}.fbar-side{gap:var(--sp-1)}.fbar-all,.fbar-sort .fdrop-btn{padding-inline:var(--sp-2);font-size:var(--text-2xs)}.fdrop-sort[data-on] .fdrop-btn>svg:first-child{display:none}}@media(max-width:560px){.fdrop-sort:not([data-on]) .fdrop-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fbar-sort{flex:0 1 auto}.fbar-all{flex:1 1 auto}}@media(max-width:560px){.results-bar{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.fdrop{position:static}.fdrop-menu{position:absolute;left:var(--sp-4);right:var(--sp-4);min-width:0;max-width:none}.fdrop[data-align=right] .fdrop-menu{left:var(--sp-4);right:var(--sp-4)}}.catalog-note{border-top:1px solid var(--line);margin-top:var(--sp-10);padding:var(--sp-9) 0 var(--sp-10)}.catalog-note .wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--sp-9);align-items:start}.catalog-note h2{margin:0;font-size:var(--text-lg);color:var(--fg-muted)}.catalog-note .note-body{columns:2;column-gap:var(--sp-9)}.catalog-note p{color:var(--fg-subtle);font-size:var(--text-sm);line-height:1.75;margin:0 0 var(--sp-4);break-inside:avoid}.catalog-note p:last-child{margin-bottom:0}@media(max-width:900px){.catalog-note .wrap{grid-template-columns:1fr;gap:var(--sp-5)}.catalog-note .note-body{columns:1}}.grid-title{margin:var(--sp-2) 0 0;color:var(--fg-subtle);font-size:var(--text-xs);font-weight:400;letter-spacing:.1em;text-transform:uppercase}.catalog-faq{border-top:1px solid var(--line);padding:var(--sp-9) 0 var(--sp-10)}.catalog-faq .wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--sp-9);align-items:start}.catalog-faq h2{margin:0;font-size:var(--text-lg);color:var(--fg-muted)}.catalog-guide{border-top:1px solid var(--line);padding:var(--sp-9) 0 var(--sp-10)}.catalog-guide h2{margin:0 0 var(--sp-3);font-size:var(--text-lg)}.catalog-guide h3{margin:var(--sp-8) 0 var(--sp-4);color:var(--fg-subtle);font-size:var(--text-xs);font-weight:400;letter-spacing:.1em;text-transform:uppercase}.catalog-guide .guide-lead{max-width:70ch;margin:0;color:var(--fg-subtle);font-size:var(--text-sm);line-height:1.75}.catalog-guide .guide-all{margin:var(--sp-7) 0 0;font-size:var(--text-sm)}.catalog-guide .guide-all a{color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px}.catalog-guide .guide-all a:hover{color:var(--fg)}@media(max-width:900px){.catalog-faq .wrap{grid-template-columns:1fr;gap:var(--sp-5)}}.more-box{display:flex;justify-content:center;padding:var(--sp-8) 0 var(--sp-4)}.more-btn{min-width:260px;min-height:48px}@media(max-width:560px){.more-btn{width:100%;min-width:0}}.selection{padding:var(--sp-8) 0 var(--sp-10)}.selection h1{margin:var(--sp-2) 0 var(--sp-4)}.selection-lead{color:var(--fg-muted);font-size:var(--text-sm);line-height:1.6;max-width:62ch;margin-bottom:var(--sp-7);white-space:pre-line}.selection-gone{color:var(--fg-subtle)}.selection-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-8)}.selection-note{color:var(--fg-subtle);font-size:var(--text-xs);line-height:1.6;max-width:62ch;margin-top:var(--sp-5)}.selection-empty{color:var(--fg-muted);font-size:var(--text-sm)}.fprice{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding:var(--sp-2)}.fprice-f{display:flex;flex-direction:column;gap:6px;min-width:0}.fprice-f>span{font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.fprice-f input{width:100%;min-width:0;padding:10px 12px;font:inherit;font-size:var(--text-sm);color:var(--fg);background:var(--surface-1);border:1px solid var(--line-strong);border-radius:0;transition:border-color var(--dur) var(--ease)}.fprice-f input:hover{border-color:var(--fg-subtle)}.fprice-f input:focus{outline:none;border-color:var(--fg)}.fprice-f input::placeholder{color:var(--fg-subtle);opacity:1}.fprice-f input::-webkit-outer-spin-button,.fprice-f input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fprice-f input[type=number]{-moz-appearance:textfield;appearance:textfield}.fdrop-menu .fprice{min-width:212px}