.product-filters{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.product-filters-pending{flex-shrink:0}.product-filters-search{align-items:stretch;display:flex}.product-filters-search-input{border:1px solid var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md);background-color:var(--surface);min-width:0;color:var(--text);font-size:var(--font-size-sm);border-right:none;flex:auto;padding:.5rem .75rem;font-family:inherit}.product-filters-search-input::-webkit-search-cancel-button{cursor:pointer}.product-filters-search-submit{border:1px solid var(--border);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--surface);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0 .75rem;display:flex}.product-filters-search-submit svg{width:1rem;height:1rem}@media (hover:hover){.product-filters-search-input:hover,.product-filters-search-submit:hover{border-color:var(--color-primary)}}.product-filters-search:focus-within{border-radius:var(--radius-md);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent)}.product-filters-search:focus-within .product-filters-search-input,.product-filters-search:focus-within .product-filters-search-submit{border-color:var(--color-primary)}.product-filters-search-input:focus-visible,.product-filters-search-submit:focus-visible{outline:none}.product-filters-select{appearance:none;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text);font-size:var(--font-size-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:.875rem;padding:.5rem 1.875rem .5rem .75rem;font-family:inherit}@media (hover:hover){.product-filters-select:hover{border-color:var(--color-primary)}}.product-filters-select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}
.filter-badge{border-radius:var(--radius-full);background-color:var(--color-primary);min-width:1.25rem;height:1.25rem;color:var(--color-white);font-size:var(--font-size-xs);justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;display:inline-flex}.filter-options{flex-direction:column;gap:2px;list-style:none;display:flex}.filter-option{border-radius:var(--radius-md);color:var(--text);font-size:var(--font-size-sm);align-items:center;gap:.625rem;padding:.5rem;text-decoration:none;display:flex}@media (hover:hover){.filter-option:hover{background-color:var(--surface-muted)}}.filter-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}:is(.filter-option:has(.filter-link-pending),.active-filter:has(.filter-link-pending),.active-filters-clear:has(.filter-link-pending)){opacity:.55}.filter-option-box{border:1.5px solid var(--color-gray-400);border-radius:var(--radius-sm);background-color:var(--surface);flex:none;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}.filter-option[aria-checked=true] .filter-option-box{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.filter-option-check{width:.75rem;height:.75rem}.filter-option-label{flex:auto;min-width:0}.filter-option-count{color:var(--text-muted);font-size:var(--font-size-xs)}.filter-groups{gap:var(--spacing-lg);flex-direction:column;display:flex}.filter-group-title{margin-bottom:var(--spacing-xs);color:var(--text);font-size:var(--font-size-sm);padding:0 .5rem;font-weight:600}.filter-panel-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}@media (hover:hover){.filter-panel-trigger:hover{border-color:var(--color-primary)}}.filter-panel-trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.filter-panel-trigger-icon{width:1rem;height:1rem}@media (min-width:768px){.filter-panel-trigger-until-tablet{display:none}}@media (min-width:1024px){.filter-panel-trigger-until-desktop{display:none}}.filter-panel-backdrop{z-index:60;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.filter-panel{background-color:var(--surface);width:min(380px,100%);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){.filter-panel{animation:.2s filter-panel-in}}@keyframes filter-panel-in{0%{transform:translate(100%)}}.filter-panel-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.filter-panel-title{font-size:var(--font-size-lg);color:var(--text);font-weight:600}.filter-panel-close{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.filter-panel-close:hover{background-color:var(--surface-muted);color:var(--text)}}.filter-panel-close-icon{width:1.25rem;height:1.25rem}.filter-panel-body{padding:var(--spacing-md) var(--spacing-md);flex:auto;overflow-y:auto}.filter-panel-footer{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex}.filter-panel-done{flex:auto}.shop-filter-bar{display:none}@media (min-width:768px){.shop-filter-bar{gap:var(--spacing-sm);flex-wrap:wrap;flex:0 auto;display:flex}}.filter-dropdown{position:relative}.filter-dropdown-trigger{border:1px solid var(--border);border-radius:var(--radius-full);background-color:var(--surface);color:var(--text);font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem .75rem;list-style:none;display:inline-flex}.filter-dropdown-trigger::-webkit-details-marker{display:none}.filter-dropdown-trigger.active,.filter-dropdown[open] .filter-dropdown-trigger{border-color:var(--color-primary)}@media (hover:hover){.filter-dropdown-trigger:hover{border-color:var(--color-primary)}}.filter-dropdown-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.filter-dropdown-chevron{width:.875rem;height:.875rem;color:var(--text-muted);transition:transform .15s}.filter-dropdown[open] .filter-dropdown-chevron{transform:rotate(180deg)}.filter-dropdown-menu{z-index:30;width:max-content;min-width:220px;max-width:320px;max-height:360px;padding:var(--spacing-xs);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + .375rem);left:0;overflow-y:auto}.shop-sidebar{display:none}@media (min-width:1024px){.shop-body-sidebar{gap:var(--spacing-xl);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.shop-sidebar{top:var(--spacing-md);max-height:calc(100vh - 2 * var(--spacing-md));display:block;position:sticky;overflow-y:auto}.shop-body-sidebar .product-grid{grid-template-columns:repeat(3,1fr)}}.active-filters{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.active-filter{border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-primary) 8%, var(--surface));color:var(--text);font-size:var(--font-size-sm);align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .75rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}@media (hover:hover){.active-filter:hover{border-color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 14%, var(--surface))}.active-filter:hover .active-filter-icon{color:var(--color-primary)}}.active-filter:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.active-filter-icon{width:.875rem;height:.875rem;color:var(--text-muted);transition:color .15s}.active-filters-clear{color:var(--text-muted);font-size:var(--font-size-sm);text-decoration:underline}@media (hover:hover){.active-filters-clear:hover{color:var(--text)}}
.shop-main{width:100%;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-2xl);margin:0 auto}.shop-heading{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--text);margin-bottom:var(--spacing-lg);font-weight:700}@media (min-width:1024px){.shop-heading{font-size:var(--font-size-3xl)}}.shop-toolbar{margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.shop-toolbar-controls{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:.625rem;display:flex}.shop-toolbar-controls .product-filters{display:contents}.shop-toolbar-controls .filter-panel-trigger{margin-right:auto}.shop-toolbar-controls .product-filters-search{flex:100%;order:-1}@media (min-width:768px){.shop-toolbar-controls .product-filters-search{flex:0 280px;order:0;min-width:180px}}.shop-status{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.shop-count{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;margin-left:auto}.shop-empty{padding:var(--spacing-2xl) 0;text-align:center;color:var(--text-muted);font-size:var(--font-size-base)}.shop-main .pagination{margin-top:var(--spacing-lg)}