.na2-cgrid{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"toolbar toolbar" "filters grid";column-gap:28px;row-gap:18px;padding-top:22px;padding-bottom:48px;align-items:start}.na2-toolbar{grid-area:toolbar}.na2-filters{grid-area:filters;position:sticky;top:calc(var(--header-height,160px) + 12px);max-height:calc(100vh - var(--header-height,160px) - 24px);overflow:auto;scrollbar-width:thin}#ProductGridContainer{grid-area:grid;min-width:0}#ProductGridContainer.na-instock-only .grid__item:has(.na-card-stock--out){display:none}#ProductGridContainer .collection{position:relative}#ProductGridContainer .loading-overlay{display:none}.na2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid var(--na2-line)}.na2-toolbar__count{margin:0;font:400 14.5px/1 var(--na2-font);color:var(--na2-muted)}.na2-toolbar__count strong{font-weight:700;color:var(--na2-ink)}.na2-toolbar__right{display:flex;align-items:center;gap:8px}.na2-toolbar__filterbtn{display:none;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--na2-line-strong);border-radius:var(--na2-radius-sm);background:#fff;font:600 14px var(--na2-font);color:var(--na2-ink);cursor:pointer}.na2-toolbar__n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--na2-green);color:#fff;font:700 12px var(--na2-mono)}.na2-sort{position:relative}.na2-sort__summary{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 14px;border:1px solid var(--na2-line-strong);border-radius:var(--na2-radius-sm);background:#fff;font:400 14px var(--na2-font);color:var(--na2-ink);cursor:pointer;list-style:none;white-space:nowrap}.na2-sort__summary::-webkit-details-marker{display:none}.na2-sort__summary strong{font-weight:600}.na2-sort__summary svg{transition:transform .15s}.na2-sort[open] .na2-sort__summary svg{transform:rotate(180deg)}.na2-sort__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:25;min-width:220px;background:#fff;border:1px solid var(--na2-line);border-radius:var(--na2-radius);box-shadow:var(--na2-shadow-lg);padding:6px}.na2-sort__opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--na2-radius-sm);text-decoration:none;color:var(--na2-ink);font:500 14px var(--na2-font)}.na2-sort__opt:hover{background:var(--na2-bg-2)}.na2-sort__opt.is-active{font-weight:700;color:var(--na2-green-ink)}.na2-sort__opt.is-active:after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--na2-green)}.na2-filters__head{display:flex;align-items:center;gap:10px;padding:0 0 10px;border-bottom:1px solid var(--na2-line)}.na2-filters__title{font:700 15px/1 var(--na2-font);color:var(--na2-ink)}.na2-filters__clear{margin-left:auto;font:600 13px var(--na2-font);color:var(--na2-green-ink);text-decoration:none}.na2-filters__clear:hover{text-decoration:underline}.na2-filters__close{display:none;margin-left:auto;width:36px;height:36px;border:none;background:none;color:var(--na2-ink);cursor:pointer;border-radius:6px}.na2-filters__chips:empty{display:none}.na2-filters__chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 0}.na2-chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:1px solid var(--na2-green);background:var(--na2-green-soft);color:var(--na2-green-ink);border-radius:var(--na2-radius-sm);font:600 13px var(--na2-font);cursor:pointer}.na2-fgroup{border-bottom:1px solid var(--na2-line)}.na2-fgroup--stock{padding:8px 0}.na2-fgroup__sum{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font:600 14.5px/1 var(--na2-font);color:var(--na2-ink);cursor:pointer;list-style:none}.na2-fgroup__sum::-webkit-details-marker{display:none}.na2-fgroup__sum svg{color:var(--na2-muted);transition:transform .15s}.na2-fgroup[open] .na2-fgroup__sum svg{transform:rotate(180deg)}.na2-fgroup__n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--na2-green);color:#fff;font:700 11px var(--na2-mono);vertical-align:middle}.na2-fgroup__list{list-style:none;margin:0;padding:0 0 10px;display:flex;flex-direction:column}.na2-fopt{display:flex;align-items:center;gap:10px;width:100%;padding:7px 4px;border:none;background:none;border-radius:var(--na2-radius-sm);text-decoration:none;color:var(--na2-ink-2);font:400 14px/1.2 var(--na2-font);cursor:pointer;text-align:left}.na2-fopt:hover{background:var(--na2-bg-2);color:var(--na2-ink)}.na2-fopt__box{flex:none;width:18px;height:18px;border:1.5px solid var(--na2-line-strong);border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.na2-fopt__box svg{display:none}.na2-fopt.is-active .na2-fopt__box{background:var(--na2-green);border-color:var(--na2-green)}.na2-fopt.is-active .na2-fopt__box svg{display:block}.na2-fopt.is-active{color:var(--na2-ink);font-weight:600}.na2-fopt__lbl{flex:1;min-width:0}.na2-fopt__n{font:500 12px var(--na2-mono);color:var(--na2-muted)}.na2-fopt--toggle .na2-fopt__lbl{font-weight:600}.na2-filters__foot,.na2-filters__overlay{display:none}.na2-cgrid .product-grid{margin:0}.na2-cgrid .collection--empty{padding:40px 0}.na2-cgrid__emptyh{font:700 22px var(--na2-font);margin:0 0 8px}body.na2 .pagination-wrapper{margin-top:28px}body.na2 .pagination__item{font:600 14px var(--na2-mono);border-radius:var(--na2-radius-sm)}body.na2 .pagination__item--current:after{height:2px;background:var(--na2-green)}body.na2 .na-crumbs{padding-top:18px}body.na2 .na-bhero__title,body.na2 .na-bhero h1{font:800 36px/1.1 var(--na2-font);letter-spacing:-.02em}body.na2 .na-coll-intro__text{font:400 16px/1.6 var(--na2-font);color:var(--na2-ink-2)}body.na2 .na-coll-intro__text a{color:var(--na2-green-ink)}body.na2 .na-vv{border-radius:var(--na2-radius);box-shadow:none}body.na2 .na-vv__badge{font:700 13px var(--na2-font);letter-spacing:.08em;background:var(--na2-ink);color:#fff}body.na2 .na-vv__h{font:700 20px/1.25 var(--na2-font)}body.na2 .na-vv__prod{border-radius:var(--na2-radius-sm);background:var(--na2-bg)}body.na2 .na-vv__name{font:600 15px/1.3 var(--na2-font)}body.na2 .na-vv__btn,body.na2 .na-sernav__pill{border-radius:var(--na2-radius-sm);font-family:var(--na2-font)}body.na2 .na-sernav__pill--active{background:var(--na2-ink);color:#fff}body.na2 .na-cg__panel,body.na2 .na-faq__inner{border-radius:var(--na2-radius)}body.na2 .na-cg__h2{font:700 30px/1.15 var(--na2-font)}body.na2 .na-faq__q{font-family:var(--na2-font)}body.template-search .template-search__header{margin-bottom:10px}body.template-search .na2-sgrid{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"toolbar toolbar" "filters grid";column-gap:28px;row-gap:18px;align-items:start}body.template-search .na2-sgrid .facets-wrapper{display:contents}body.template-search .na2-sgrid .product-grid-container{grid-area:grid;min-width:0}body.template-search .template-search__results.page-width{padding:0}@media(max-width:989px){.na2-cgrid,body.template-search .na2-sgrid{grid-template-columns:1fr;grid-template-areas:"toolbar" "grid";column-gap:0}.na2-toolbar__filterbtn{display:inline-flex}.na2-sort__lbl{display:none}.na2-filters{position:fixed;inset:0 auto 0 0;z-index:60;width:min(88vw,380px);max-height:none;background:#fff;padding:16px 18px 90px;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--na2-shadow-lg);overflow:auto}body.na2-fopen .na2-filters{transform:none}.na2-filters__close{display:inline-flex;align-items:center;justify-content:center}.na2-filters__clear{margin-left:0}.na2-filters__foot{display:block;position:fixed;left:0;bottom:0;width:min(88vw,380px);padding:12px 18px;background:#fff;border-top:1px solid var(--na2-line);box-sizing:border-box}.na2-filters__foot .na2-btn{width:100%}.na2-filters__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0f141880;opacity:0;pointer-events:none;transition:opacity .2s}body.na2-fopen .na2-filters__overlay{opacity:1;pointer-events:auto}body.na2-fopen{overflow:hidden}.na2-fopt{padding:10px 4px;font-size:15px}.na2-cgrid{padding-top:14px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/na2-collection.css.map */
