.shop-listing{display:grid;grid-template-columns:240px 1fr;gap:var(--sp5);padding:0;align-items:flex-start}.shop-listing>*{min-width:0}.shop-list-main{min-width:0}.shop-filter{position:sticky;top:var(--sp4);max-height:calc(100svh - (2 * var(--sp4)));isolation:isolate}.shop-filter-scrollarea{max-height:inherit;display:flex;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto;padding-inline-end:calc(var(--sp2) + 10px);scrollbar-width:none}.shop-filter-scrollarea::-webkit-scrollbar{display:none}.shop-filter-scrollbar-thumb{position:absolute;top:0;right:0;z-index:2;width:10px;height:var(--shop-filter-scrollbar-thumb-height,0);box-sizing:border-box;border-block:0 solid #fff0;border-inline:3px solid #fff0;border-radius:var(--rF);background:color-mix(in srgb,var(--foreground) 36%,transparent);background-clip:content-box;opacity:0;pointer-events:none;cursor:grab;touch-action:none;user-select:none;transform:translateY(var(--shop-filter-scrollbar-thumb-y,0));transition:opacity var(--t2)}.shop-filter[data-scrollable="true"] .shop-filter-scrollbar-thumb{pointer-events:auto}.shop-filter[data-scrollable="true"]:hover .shop-filter-scrollbar-thumb,.shop-filter[data-scrollable="true"]:focus-within .shop-filter-scrollbar-thumb,.shop-filter[data-scrollable="true"][data-scrollbar-dragging="true"] .shop-filter-scrollbar-thumb{opacity:1}.shop-filter[data-scrollbar-dragging="true"] .shop-filter-scrollbar-thumb{cursor:grabbing}.shop-filter-head-row{display:flex;align-items:center;gap:var(--sp3);margin:0 0 var(--sp4)}.shop-filter-head{font-family:var(--font-heading);font-size:var(--f24);font-weight:400;color:var(--foreground);margin:0 auto 0 0;display:flex;align-items:baseline;gap:var(--sp2)}.shop-filter-mobile-trigger{display:none;width:100%;align-items:center;gap:var(--sp3);min-height:56px;padding:var(--sp3) var(--sp4);background:var(--secondary);color:var(--foreground);border:none;border-radius:var(--r-card);font-family:var(--font-sans);font-size:var(--f16);font-weight:500;cursor:pointer;text-align:left;transition:background var(--t1)}.shop-filter-mobile-close{display:none;width:44px;height:44px;border-radius:var(--rF);background:var(--secondary);color:var(--foreground);border:none;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t1)}.shop-filter-backdrop{display:none}.shop-filter-mobile-foot{display:none;position:sticky;bottom:calc(-1 * var(--sp5));left:0;right:0;margin:var(--sp4) calc(-1 * var(--sp4)) calc(-1 * var(--sp5));padding:var(--sp3) var(--sp4);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border)}.shop-filter-mobile-trigger-icon{width:22px;height:22px;flex-shrink:0;color:var(--foreground)}.shop-filter-mobile-trigger-label{flex:1}.shop-filter-mobile-trigger-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--sp2);border-radius:var(--rF);background:var(--foreground);color:var(--background);font-size:var(--f13);font-weight:500;line-height:1}.shop-filter-mobile-trigger-count:empty{display:none}.shop-filter-mobile-trigger-chev{width:18px;height:18px;flex-shrink:0;color:var(--muted-foreground);transition:transform var(--t1)}.shop-filter-mobile-trigger[aria-expanded="true"] .shop-filter-mobile-trigger-chev{transform:rotate(180deg)}.shop-filter-mobile-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-mobile-close svg{width:18px;height:18px}.shop-filter-mobile-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-mobile-apply{display:flex;align-items:center;justify-content:center;gap:var(--sp1);width:100%;height:48px;padding:0 var(--sp5);background:var(--foreground);color:var(--background);border:none;border-radius:var(--rF);font-family:var(--font-sans);font-size:var(--f16);font-weight:500;cursor:pointer;transition:background var(--t1)}.shop-filter-mobile-apply:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-head .shop-filter-count{font-size:var(--f14);color:var(--muted-foreground);font-weight:400}.shop-filter-action{display:flex;align-items:center;justify-content:space-between;padding:var(--sp4);background:var(--secondary);border-radius:var(--r-card);cursor:pointer;border:none;font-family:var(--font-sans);font-size:var(--f14);font-weight:500;color:var(--foreground);width:100%;text-align:left;transition:background var(--t1)}.shop-filter-action svg{width:16px;height:16px;color:var(--muted-foreground);flex-shrink:0}.shop-filter-group{border-top:1px solid var(--border);padding:var(--sp4) 0}.shop-filter-group:first-of-type{border-top:0;padding-top:var(--sp4)}.shop-filter-group-head{display:flex;align-items:center;gap:var(--sp2);width:100%;min-width:0;min-height:24px;background:none;border:none;cursor:pointer;font-family:var(--font-heading);font-size:var(--f16);font-weight:500;color:var(--foreground);padding:0;text-align:left}.shop-filter-group-head-label{flex:0 0 auto}.shop-filter-group-head .shop-filter-count{font-size:var(--f13);color:var(--muted-foreground);font-weight:400;margin-left:auto}.shop-filter-group-head .shop-filter-count~.shop-filter-chev{margin-left:0}.shop-filter-group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:2px var(--sp2) 0;border-radius:var(--rF);background:var(--foreground);color:var(--background);font-family:var(--font-sans);font-size:var(--f13);font-weight:500;line-height:1;box-sizing:border-box}.shop-filter-group-head .shop-filter-chev{width:14px;height:14px;flex-shrink:0;color:var(--muted-foreground);transition:transform var(--t1);margin-left:auto}.shop-filter-group[data-open="true"] .shop-filter-chev{transform:rotate(180deg)}.shop-filter-group[data-open="false"] .shop-filter-group-body{display:none}.shop-filter-group-body{display:flex;flex-direction:column;gap:var(--sp2);padding-top:var(--sp4)}.shop-filter-option{display:flex;align-items:center;gap:var(--sp3);cursor:pointer;padding:var(--sp1) 0;font-family:var(--font-sans);font-size:var(--f14);color:var(--foreground)}.shop-filter-option input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;position:relative;transition:background var(--t1),border-color var(--t1)}.shop-filter-option input[type="checkbox"]:checked{background:var(--foreground);border-color:var(--foreground)}.shop-filter-option input[type="checkbox"]:checked::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-option input[type="checkbox"]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-option-check{width:20px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0;position:relative;transition:background var(--t1),border-color var(--t1)}.shop-filter-option[aria-pressed="true"] .shop-filter-option-check{background:var(--foreground);border-color:var(--foreground)}.shop-filter-option-check.is-active{background:var(--foreground);border-color:var(--foreground)}.shop-filter-option[aria-pressed="true"] .shop-filter-option-check::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-option-check.is-active::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-option:focus-visible .shop-filter-option-check{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-option-visual{width:28px;height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--rF);background:var(--background);transition:transform var(--t1),box-shadow var(--t1)}.shop-filter-option-visual--color-border{border-width:2px}.shop-filter-option-visual--image-only{border:none}.shop-filter-option-visual--color-border.shop-filter-option-visual--multicolor{padding:2px;border:none}.shop-filter-option-visual--multicolor{background:var(--color-parameter-multicolor)}.shop-filter-option-visual img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.shop-filter-option-label{flex:1}.shop-filter-option-count{color:var(--muted-foreground);font-size:var(--f13)}.shop-filter-more{background:none;border:none;color:var(--foreground);text-decoration:underline;text-underline-offset:3px;font-family:var(--font-sans);font-size:var(--f14);font-weight:500;padding:var(--sp2) 0 0;cursor:pointer;align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:var(--sp1)}.shop-filter-more:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.shop-filter-more-chev{width:14px;height:14px;flex-shrink:0;transition:transform var(--t1)}.shop-filter-more[aria-expanded="true"] .shop-filter-more-chev{transform:rotate(180deg)}.shop-filter-option--hidden{display:none}.shop-filter-toggle{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp4) 0;cursor:pointer;font-family:var(--font-heading);font-size:var(--f16);font-weight:500;color:var(--foreground)}.shop-filter-toggle+.shop-filter-toggle{border-top:1px solid var(--border)}.shop-filter-toggle-label{flex:1}.shop-filter-toggle-count{font-size:var(--f13);color:var(--muted-foreground);font-weight:400;font-family:var(--font-sans)}.shop-filter-toggle input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 var(--sp2);position:relative;transition:background var(--t1),border-color var(--t1)}.shop-filter-toggle input[type="checkbox"]:checked{background:var(--foreground);border-color:var(--foreground)}.shop-filter-toggle input[type="checkbox"]:checked::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-toggle input[type="checkbox"]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-toggle-check{width:20px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--background);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 var(--sp2);position:relative;transition:background var(--t1),border-color var(--t1)}.shop-filter-toggle[aria-pressed="true"] .shop-filter-toggle-check{background:var(--foreground);border-color:var(--foreground)}.shop-filter-toggle-check.is-active{background:var(--foreground);border-color:var(--foreground)}.shop-filter-toggle[aria-pressed="true"] .shop-filter-toggle-check::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-toggle-check.is-active::after{content:'';width:12px;height:12px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}.shop-filter-toggle:focus-visible .shop-filter-toggle-check{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-visual-grid{display:flex;flex-wrap:wrap;gap:var(--sp2);padding-top:var(--sp2)}.shop-filter-visual-swatch{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.shop-filter-visual-swatch:focus-visible{outline:none}.shop-filter-visual-swatch:focus-visible .shop-filter-option-visual{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-visual-swatch[aria-pressed="true"] .shop-filter-option-visual,.shop-filter-option-visual.is-active{box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--foreground)}.shop-filter-price{display:flex;flex-direction:column;gap:var(--sp3);padding-top:var(--sp2)}.shop-filter-price-inputs{display:flex;align-items:flex-end;gap:var(--sp3)}.shop-filter-price-inputs label{display:flex;flex-direction:column;gap:var(--sp1);font-size:var(--f13);color:var(--muted-foreground);font-family:var(--font-sans);flex:1}.shop-filter-price-inputs input{padding:var(--sp2) calc(var(--sp3) + 32px) var(--sp2) var(--sp3);border:1px solid var(--border);border-radius:8px;font-family:var(--font-sans);font-size:var(--f16);width:100%;background:var(--background);color:var(--foreground);outline:none;transition:border-color var(--t1)}.shop-filter-price-inputs input:focus{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.shop-filter-price-inputs input:focus-visible{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.shop-filter-price-field{position:relative;display:block}.shop-filter-price-suffix{position:absolute;right:var(--sp3);top:50%;transform:translateY(-50%);font-size:var(--f13);color:var(--muted-foreground);font-family:var(--font-sans);pointer-events:none;line-height:1}.shop-filter-price-range{position:relative;height:24px;margin:var(--sp2) 0 0}.shop-filter-price-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:var(--border);border-radius:var(--rF)}.shop-filter-price-fill{position:absolute;top:50%;transform:translateY(-50%);height:4px;background:var(--foreground);border-radius:var(--rF)}.shop-filter-price-input{position:absolute;left:0;top:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;background:#fff0;margin:0;padding:0;pointer-events:none}.shop-filter-price-input::-webkit-slider-runnable-track{background:#fff0;border:none;height:100%}.shop-filter-price-input::-moz-range-track{background:#fff0;border:none;height:100%}.shop-filter-price-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:var(--rF);background:var(--foreground);border:2px solid var(--background);box-shadow:0 1px 3px rgb(0 0 0 / .25);pointer-events:auto;cursor:grab;margin-top:0}.shop-filter-price-input::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border-radius:var(--rF);background:var(--foreground);border:2px solid var(--background);box-shadow:0 1px 3px rgb(0 0 0 / .25);pointer-events:auto;cursor:grab}.shop-filter-price-input:active::-webkit-slider-thumb{cursor:grabbing}.shop-filter-price-input:active::-moz-range-thumb{cursor:grabbing}.shop-filter-price-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-price-input:focus-visible::-moz-range-thumb{outline:2px solid var(--ring);outline-offset:2px}.shop-list-chipsbar.is-product-listing{display:flex;flex-wrap:wrap;gap:var(--sp2);align-items:center;min-width:0;max-width:100%;padding:var(--sp2) 0}.shop-list-chipsbar.is-product-listing.is-sticky{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--secondary) 75%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-radius:var(--r-card);padding:var(--sp3)}.shop-chip{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);background:var(--background);border:1px solid var(--border);border-radius:var(--rF);font-family:var(--font-sans);font-size:var(--f14);font-weight:500;color:var(--foreground);cursor:pointer;line-height:1;transition:background var(--t1),border-color var(--t1),box-shadow var(--t1)}.shop-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-chip-label{color:var(--muted-foreground);font-weight:400}.shop-chip-x{width:16px;height:16px;color:var(--muted-foreground);flex-shrink:0;transition:color var(--t1)}.shop-chip:hover .shop-chip-x{color:var(--foreground)}.shop-filter-clear{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);background:#fff0;border:none;font-family:var(--font-sans);font-size:var(--f14);font-weight:500;color:var(--foreground);text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:1;border-radius:var(--rF);transition:background var(--t1),text-decoration-color var(--t1);flex-shrink:0;white-space:nowrap}.shop-filter-clear[hidden]{display:none}.shop-filter-clear:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shop-filter-clear svg{width:16px;height:16px;flex-shrink:0}.shop-chip-total{font-size:var(--f14);color:var(--muted-foreground);margin-left:auto;padding:0 var(--sp3);font-family:var(--font-sans)}.shop-list-main .shop-prod-grid.is-product-listing{padding-top:var(--sp8)}@media (hover:hover){.shop-filter-mobile-trigger:hover{background:var(--muted);border-color:var(--foreground)}.shop-filter-mobile-apply:hover{background:color-mix(in srgb,var(--foreground) 85%,var(--background))}.shop-filter-action:hover{background:var(--muted)}.shop-filter-visual-swatch:hover .shop-filter-option-visual{transform:scale(1.08)}.shop-chip:hover{background:var(--background);border-color:var(--foreground);box-shadow:var(--shadow-sm)}.shop-filter-clear:hover{background:var(--hover-icon);text-decoration:none}}@media (max-width:980px){.shop-listing{grid-template-columns:1fr}.shop-filter-mobile-trigger{display:flex;margin-bottom:var(--sp3)}.shop-filter-mobile-close{display:flex}.shop-filter-mobile-foot{display:flex}.shop-filter-backdrop{display:block;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--t2)}.shop-filter-backdrop[data-open="true"]{opacity:1;pointer-events:auto}.shop-filter{position:fixed;top:0;left:0;bottom:0;width:min(360px, 90vw);max-width:100%;max-height:none;background:var(--background);z-index:101;transform:translateX(-100%);transition:transform var(--t2) ease;overflow:hidden;box-sizing:border-box}.shop-filter-scrollarea{height:100%;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto;padding:var(--sp5) var(--sp4);gap:0;box-sizing:border-box}.shop-filter[data-open="true"]{transform:translateX(0);box-shadow:var(--shadow-xl)}.shop-list-chipsbar.is-product-listing{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-list-chipsbar.is-product-listing::-webkit-scrollbar{display:none}.shop-list-chipsbar.is-product-listing .shop-chip{flex-shrink:0;white-space:nowrap}.shop-list-chipsbar.is-product-listing .shop-filter-clear{flex-shrink:0;white-space:nowrap}.shop-list-chipsbar.is-product-listing .shop-chip-total{flex-shrink:0;white-space:nowrap;margin-left:0}}@media (prefers-reduced-motion:reduce){.shop-filter{transition:none}.shop-filter-backdrop{transition:none}}@media (max-width:400px){.shop-filter-group-head-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-filter-group-head .shop-filter-count{display:none}}