.listing-controls{display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-5) var(--space-4)}.listing-controls--sticky{position:sticky;top:var(--space-16);z-index:50;background:var(--color-bg);border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.listing-controls--sticky.is-stuck{border-bottom-color:var(--color-border);box-shadow:0 4px 16px #0000000d}.listing-controls-sentinel{height:1px;width:100%}.listing-controls__top{display:flex;align-items:center;gap:var(--space-3)}.listing-controls__search{flex:1;min-width:0;font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-on-surface);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:0 var(--space-6);height:44px;outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.listing-controls__search::placeholder{color:var(--color-on-surface-muted)}.listing-controls__search:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-input)}.listing-controls__count{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-on-surface-muted);white-space:nowrap;flex-shrink:0;transition:opacity var(--duration-fast) var(--ease-standard)}.listing-controls__pills{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:3px}.listing-controls__pills::-webkit-scrollbar{display:none}.listing-controls__pill{display:inline-flex;align-items:center;flex-shrink:0;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;letter-spacing:.02em;color:var(--color-on-surface-muted);background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:0 var(--space-5);height:36px;cursor:pointer;white-space:nowrap;outline:none;transition:color .14s cubic-bezier(.34,1.56,.64,1),background-color .14s cubic-bezier(.34,1.56,.64,1),border-color .14s cubic-bezier(.34,1.56,.64,1),transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .16s cubic-bezier(.34,1.56,.64,1)}.listing-controls__pill:hover{color:var(--color-on-surface);border-color:#0006;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.listing-controls__pill:active{transform:translateY(0) scale(.97);box-shadow:none}.listing-controls__pill:focus-visible{box-shadow:var(--shadow-focus-green);border-color:var(--color-primary)}.listing-controls__pill.is-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 12px #1c403240}.listing-controls__pill.is-active:hover{background:#163325;border-color:#163325;box-shadow:0 4px 16px #1c403252;transform:translateY(-1px)}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.collection__grid .product-card{animation:card-enter .44s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--card-delay, 0ms)}.listing-empty{text-align:center;padding:var(--space-20) 0;color:var(--color-on-surface-muted)}.listing-empty__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;color:var(--color-on-surface);margin-bottom:var(--space-3)}.listing-empty__sub{font-size:var(--text-body-sm)}.listing-controls--search .listing-controls__search{height:52px;font-size:var(--text-body)}.page-header{padding-block:var(--space-12) var(--space-8);border-bottom:1px solid var(--color-border)}.page-header__title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:400;letter-spacing:-.02em;color:var(--color-on-surface)}.page-header__meta{font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-on-surface-muted);margin-top:var(--space-2)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;letter-spacing:.04em;color:var(--color-primary);background-color:transparent;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);min-height:52px;padding:var(--space-3) var(--space-8);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-normal) var(--ease-standard)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-bg);transform:translateY(-1px)}.btn-outline:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.collection__sub{font-family:var(--font-body);font-size:var(--text-body-sm);line-height:1.6;color:var(--color-on-surface-muted);margin-bottom:var(--space-6);max-width:60ch}.collection__view-all{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-standard)}.collection__view-all:hover{opacity:.7}.collection__view-all:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.collection__view-all:active{opacity:.5}@media(max-width:768px){.latest-pickups .collection__sub{font-style:italic;letter-spacing:.01em}.latest-pickups .collection__header{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.latest-pickups .carousel-track{padding-top:var(--space-2)}}@media(max-width:640px){.listing-controls{gap:var(--space-2);padding-block:var(--space-3)}.listing-controls--sticky{margin-inline:calc(var(--padding-x-mobile) * -1);padding-inline:var(--padding-x-mobile)}.listing-controls--sticky.is-stuck .listing-controls__count{display:none}.listing-controls__pill{font-size:var(--text-caption);height:32px;padding:0 var(--space-4)}}@media(prefers-reduced-motion:reduce){.collection__grid .product-card{animation:none}.listing-controls__pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/listing-controls.css.map */