:root{--clr-bg:var(--bg-surface,#fff);--clr-surface:var(--gray-25,#fcfcfd);--clr-border:var(--border-color,#e5e7eb);--clr-border-light:var(--gray-100,#f3f4f6);--clr-primary:var(--primary-color,#2563eb);--clr-primary-hover:var(--primary-color-hover,#1d4ed8);--clr-primary-light:var(--primary-color-lighter,#eff6ff);--clr-accent:var(--success-color,#059669);--clr-accent-light:var(--success-color-lighter,#d1fae5);--clr-warning:var(--warning-color,#d97706);--clr-warning-light:var(--warning-color-lighter,#fff3cd);--clr-text:var(--text-primary,#1f2937);--clr-text-light:var(--text-secondary,#6b7280);--clr-text-muted:var(--text-tertiary,#9ca3af);--clr-heading:var(--text-primary,#1f2937);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--radius-xs:4px;--radius-s:6px;--radius-m:8px;--radius-l:12px;--shadow-xs:0 1px 2px var(--gray-900-alpha-05,#0000000d);--shadow-s:0 1px 3px var(--gray-900-alpha-08,#00000014);--shadow-m:0 4px 6px var(--gray-900-alpha-07,#00000012);--shadow-l:0 10px 15px var(--gray-900-alpha-08,#00000014);--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--lh-tight:1.25;--lh-normal:1.5;--lh-relaxed:1.625;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%}body{color:var(--text-primary,#1f2937);font-size:var(--font-size-base,1rem);line-height:var(--line-height-normal,1.5);background:var(--bg-body,#f9fafb);margin:0}.container.search-page,.container.category-page,.container.brand-page{gap:var(--spacing-2xl,1.5rem);padding:var(--spacing-md,1.25rem);max-width:var(--container-max-width,1800px);min-height:100vh;margin:0 auto;display:flex}.container.category-page,.container.brand-page{display:block}.category-layout{align-items:flex-start;gap:var(--spacing-2xl,1.5rem);display:flex}.sidebar{flex-shrink:0;width:280px}.results-wrapper{flex:1}.results{width:100%;position:relative}.breadcrumb{margin-bottom:var(--spacing-3,.75rem)}.breadcrumb__list{align-items:center;gap:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.8125rem);line-height:var(--line-height-normal,1.5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--spacing-1,.25rem);display:inline-flex}.breadcrumb__separator{color:var(--clr-text-muted,#9ca3af);flex-shrink:0}.breadcrumb__link{color:var(--clr-text-light,#6b7280);align-items:center;gap:.3rem;text-decoration:none;transition:color .15s;display:inline-flex}.breadcrumb__link:hover{color:var(--clr-primary,#2563eb)}.breadcrumb__home-icon{flex-shrink:0}.breadcrumb__current{color:var(--clr-heading,#1f2937);font-weight:600}.category-header{border-bottom:none;margin-bottom:10px;padding:.5rem 0}.category-header h1{font-size:var(--font-size-3xl,1.5rem);color:var(--text-heading,#0f172a);font-weight:700;line-height:var(--line-height-tight,1.25);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-heading,#0f172a)0%,var(--primary-color,#2563eb)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:8px;position:relative}.category-header h1:after{content:"";background:linear-gradient(135deg,var(--primary-color,#2563eb),var(--primary-color-hover));border-radius:2px;width:50px;height:3px;position:absolute;bottom:0;left:0}.category-desc{color:var(--text-secondary,#6b7280);font-size:var(--font-size-base,1rem);line-height:var(--line-height-relaxed,1.625);max-width:800px;margin:0}#filter-form{gap:var(--spacing-md,.75rem);flex-direction:column;display:flex}.filter-group{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-md,8px);transition:border-color var(--transition-fast,.15s ease);overflow:hidden}.filter-group:hover{border-color:var(--primary-color,#2563eb)}.filter-group[open]>summary{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--bg-body,#f9fafb)}.filter-group summary{cursor:pointer;padding:var(--spacing-md,.75rem)var(--spacing-lg,1rem);-webkit-user-select:none;user-select:none;font-weight:600;font-size:var(--font-size-sm,.875rem);color:var(--text-heading,#0f172a);transition:background-color var(--transition-fast,.15s ease);outline:none;margin-bottom:0;list-style:none;position:relative}.filter-group summary:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color,#2563eb)}.filter-group summary:hover{background:var(--primary-alpha-04,#2563eb0a)}.filter-group-clear{color:var(--text-secondary,#6b7280);cursor:pointer;text-underline-offset:2px;transition:color var(--transition-fast,.15s ease);margin-bottom:var(--spacing-2,.5rem);background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:.8125rem;font-weight:400;text-decoration:underline;display:inline-flex}.filter-group-clear:hover{color:var(--primary-color,#2563eb)}.filter-group-clear.hidden{display:none}.filter-group-clear i{flex-shrink:0;font-size:14px}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary:after{content:"›";transition:transform var(--transition-base,.2s ease);right:var(--spacing-lg,1rem);font-size:var(--font-size-lg,1.125rem);color:var(--text-muted,#d1d5db);font-weight:400;position:absolute;transform:rotate(90deg)}.filter-group[open] summary:after{color:var(--primary-color,#2563eb);transform:rotate(270deg)}.filter-content{padding:var(--spacing-md,.75rem)var(--spacing-lg,1rem)var(--spacing-lg,1rem);gap:var(--spacing-sm,.5rem);font-size:var(--font-size-sm,.875rem);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.filter-content::-webkit-scrollbar{width:6px}.filter-content::-webkit-scrollbar-track{background:var(--bg-surface,#fff);border-radius:3px}.filter-content::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:3px}.filter-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#d1d5db)}.filter-content label{align-items:center;gap:var(--spacing-sm,.5rem);cursor:pointer;padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);border-radius:var(--radius-sm,6px);transition:background-color var(--transition-fast,.15s ease);color:var(--text-primary,#1f2937);line-height:var(--line-height-tight,1.25);display:flex}.filter-content label:hover{background:var(--primary-color-lighter,#eff6ff)}.filter-content label:has(input:checked:not([value=""])){color:var(--text-primary,#111827);background:var(--primary-alpha-04,#2563eb0a);font-weight:600}.filter-content label:has(input:checked:not([value=""])):hover{background:var(--primary-alpha-08,#2563eb14)}.filter-content input[type=checkbox],.filter-content input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color,#2563eb)}.filter-content label:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--primary-color,#2563eb)}.nested-cats{gap:var(--spacing-xs,.25rem);flex-direction:column;display:flex}.nested-cats.level-2{padding-left:var(--spacing-lg,1rem);margin-left:calc(var(--spacing-sm,.5rem) + 9px - 1px);border-left:2px solid var(--border-color,#e5e7eb);position:relative}.nested-cats.level-3{padding-left:var(--spacing-lg,1rem);margin-left:calc(var(--spacing-sm,.5rem) + 9px - 1px);border-left:2px solid var(--border-color-light,#f3f4f6);position:relative}.category-item{flex-direction:column;display:flex;position:relative}.nested-cats.level-2>.category-item:before,.nested-cats.level-3>.category-item:before{content:"";left:calc(var(--spacing-lg,1rem)*-1);width:var(--spacing-sm,.5rem);background:var(--border-color,#e5e7eb);height:2px;position:absolute;top:50%}.nested-cats.level-3>.category-item:before{background:var(--border-color-light,#f3f4f6)}.category-item.level-2 label,.category-item.level-3 label{font-size:calc(var(--font-size-sm,.875rem)*.95)}.category-item.level-3 label{opacity:.9}.disabled-cat{padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);color:var(--text-muted,#9ca3af);font-size:var(--font-size-sm,.875rem);font-style:italic;display:block}.cat-count,.filter-count{min-width:24px;height:20px;padding:0 var(--spacing-xs,.25rem);color:var(--text-muted,#6b7280);background:var(--bg-body,#f3f4f6);border-radius:var(--radius-full,10px);transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;margin-left:auto;font-size:.75rem;font-weight:600;display:inline-flex}.filter-content label:hover .cat-count,.filter-content label:hover .filter-count{color:var(--primary-color,#2563eb);background:var(--primary-color-lighter,#eff6ff)}.filter-content input:checked~.cat-count,.filter-content input:checked~.filter-count{color:var(--text-inverse,#fff);background:var(--primary-color,#2563eb);font-weight:700}.filter-content label:has(input:checked) .cat-count{color:var(--text-inverse,#fff);background:var(--primary-color,#2563eb);font-weight:700}.filter-content label:has(input:checked) .filter-count{color:var(--text-inverse,#fff);background:var(--primary-color,#2563eb);font-weight:700}.range-inputs{gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.range-inputs input[type=number]{min-width:70px;max-width:100px;font-size:var(--font-size-sm,.875rem);padding:var(--spacing-sm,.5rem)var(--spacing-md,.75rem);border-radius:var(--radius-sm,6px);border:1px solid var(--border-color,#e5e7eb);background:var(--bg-body,#f9fafb);color:var(--text-primary,#1f2937);transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);flex:1}.range-inputs input[type=number]:focus{border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px var(--primary-color-light,#3b82f6);outline:none}.range-inputs input[type=number]::placeholder{color:var(--text-muted,#d1d5db)}.btn-apply-price{margin-top:var(--spacing-md,.75rem);width:100%;padding:var(--spacing-sm,.5rem)var(--spacing-lg,1rem);font-size:var(--font-size-sm,.875rem);color:var(--bg-body,#f9fafb);background:var(--primary-color,#2563eb);border-radius:var(--radius-sm,6px);cursor:pointer;transition:background-color var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease);border:none;font-weight:600}.btn-apply-price:hover{background:var(--primary-color-hover,#1d4ed8)}@media (hover:hover){.btn-apply-price:hover{transform:translateY(-1px)}}.btn-apply-price:active{transform:translateY(0)}.active-filters{gap:var(--spacing-sm,.5rem);margin-bottom:var(--spacing-xl,1.25rem);font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;display:flex}.active-filter,.reset-all{align-items:center;gap:var(--spacing-sm,.5rem);background:var(--primary-color-lighter,#eff6ff);color:var(--primary-color,#2563eb);border-radius:var(--radius-md,8px);padding:var(--spacing-sm,.5rem)var(--spacing-md,.75rem);border:1px solid var(--primary-alpha-20,#2563eb33);transition:all var(--transition-fast,.15s ease);display:inline-flex}.active-filter:hover{background:var(--primary-alpha-08,#2563eb14);border-color:var(--primary-alpha-30,#2563eb4d)}.active-filter a{color:inherit;align-items:center;gap:var(--spacing-sm,.5rem);font-weight:500;text-decoration:none;display:flex}.reset-all{background:var(--warning-color-lighter,#fff3cd);border-color:var(--warning-color-light,#f59e0b);color:var(--warning-color,#d97706);cursor:pointer;font-weight:600}.reset-all:hover{background:var(--warning-color-lighter,#fff3cd);border-color:var(--warning-color,#d97706);color:var(--warning-color,#d97706)}.remove-filter{font-weight:700;font-size:var(--font-size-base,1rem);color:inherit;border-radius:999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;text-decoration:none;display:inline-flex}.remove-filter:hover{background:var(--primary-alpha-12,#2563eb1f)}.active-filter--search{background:var(--bg-surface,#fff);color:var(--text-primary,#1f2937);order:-1}.active-filter--search:hover{background:var(--bg-surface,#fff)}.active-filter--search i{opacity:.9;font-size:.75rem}.active-filter--search strong{font-weight:600}.no-results-outer{padding:var(--spacing-2xl,1.5rem)var(--spacing-lg,1rem);text-align:center;flex-direction:column;align-items:center;display:flex}.no-results-illustration{width:120px;height:auto;margin-bottom:var(--spacing-lg,1rem);opacity:.85}.no-results-title{font-size:var(--font-size-xl,1.25rem);color:var(--text-heading,#0f172a);margin-bottom:var(--spacing-sm,.5rem);letter-spacing:-.01em;font-weight:700}.no-results-desc{color:var(--text-secondary,#6b7280);font-size:var(--font-size-base,1rem);margin-bottom:var(--spacing-xl,1.25rem);max-width:400px;line-height:var(--line-height-relaxed,1.625)}.btn-reset-filters{align-items:center;gap:var(--spacing-sm,.5rem);background:var(--primary-color,#2563eb);color:var(--bg-body,#f9fafb);border-radius:var(--radius-md,8px);padding:var(--spacing-md,.75rem)var(--spacing-xl,1.25rem);font-weight:600;font-size:var(--font-size-base,1rem);transition:all var(--transition-base,.2s ease);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.btn-reset-filters:hover{background:var(--primary-color-hover,#1d4ed8);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);color:var(--bg-body,#f9fafb);text-decoration:none;transform:translateY(-2px)}.btn-reset-filters:active{transform:translateY(0)}.btn-reset-filters:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.active-filter a:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.reset-all:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.skeleton-product{background:0 0;border-radius:8px;padding:12px}.skeleton-photo,.skeleton-title,.skeleton-desc{background:var(--bg-surface,#fff);opacity:.7;border-radius:4px}.skeleton-photo{height:180px}.skeleton-title{height:18px;margin:12px 0 8px}.skeleton-desc{width:80%;height:12px}#results-loading-spinner{z-index:9999;transition:opacity var(--transition-base,.2s ease);justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#results-loading-spinner[hidden]{display:none}.spinner{border:4px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#2563eb);border-radius:50%;width:48px;height:48px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results.is-loading{pointer-events:none;opacity:.5;transition:opacity var(--transition-base,.2s ease);position:relative}.did-you-mean{margin:var(--spacing-4,1rem)0;padding:var(--spacing-3,.75rem)var(--spacing-4,1rem);background:var(--clr-surface,#fcfcfd);border:1px solid var(--clr-border,#e5e7eb);border-left:3px solid var(--clr-primary,#2563eb);border-radius:var(--radius-s,6px)}.did-you-mean p{margin:0 0 var(--spacing-2,.5rem)0;font-size:var(--font-size-sm,.875rem);color:var(--clr-text,#1f2937);line-height:var(--line-height-normal,1.5)}.did-you-mean-link{color:var(--clr-primary,#2563eb);text-underline-offset:2px;transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:underline}.did-you-mean-link:hover{color:var(--clr-primary-hover,#1d4ed8)}.did-you-mean-original{color:var(--clr-text-light,#6b7280);font-size:var(--font-size-sm,.875rem);margin-top:var(--spacing-2,.5rem);font-style:normal;display:block}.auto-correction-notice{align-items:flex-start;gap:var(--spacing-3,.75rem);padding:var(--spacing-3,.75rem)var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);background:var(--clr-surface,#fcfcfd);border:1px solid var(--clr-border,#e5e7eb);border-left:3px solid var(--success-color,#059669);border-radius:var(--radius-s,6px);display:flex}.auto-correction-notice .icon{color:var(--success-color,#059669);flex-shrink:0;width:18px;height:18px;margin-top:2px}.auto-correction-notice div{flex:1}.auto-correction-notice span{font-size:var(--font-size-sm,.875rem);font-weight:500;line-height:var(--line-height-normal,1.5);color:var(--clr-text,#1f2937);display:block}.original-query-hint{color:var(--clr-text-light,#6b7280);font-size:var(--font-size-sm,.875rem);margin-top:var(--spacing-2,.5rem);font-style:normal;font-weight:400;display:block}.search-original-link{color:var(--clr-primary,#2563eb);text-underline-offset:2px;transition:color var(--transition-fast,.15s ease);font-weight:500;text-decoration:underline}.search-original-link:hover{color:var(--clr-primary-hover,#1d4ed8)}.better-query-suggestion{align-items:flex-start;gap:var(--spacing-3,.75rem);padding:var(--spacing-3,.75rem)var(--spacing-4,1rem);margin-bottom:var(--spacing-4,1rem);background:var(--clr-surface,#fcfcfd);border:1px solid var(--clr-border,#e5e7eb);border-left:3px solid var(--clr-primary,#2563eb);border-radius:var(--radius-s,6px);display:flex}.better-query-suggestion .icon{color:var(--clr-primary,#2563eb);flex-shrink:0;width:18px;height:18px;margin-top:2px}.better-query-suggestion .suggestion-text{flex:1}.better-query-suggestion p{margin:0 0 var(--spacing-2,.5rem)0;color:var(--clr-text,#1f2937);font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-normal,1.5)}.better-query-suggestion p:last-child{margin-bottom:0}.better-query-suggestion .suggestion-cta{font-weight:400}.better-query-suggestion .suggestion-link{color:var(--clr-primary,#2563eb);text-underline-offset:2px;transition:color var(--transition-fast,.15s ease);font-weight:600;text-decoration:underline}.better-query-suggestion .suggestion-link:hover{color:var(--clr-primary-hover,#1d4ed8)}.category-tree-header{margin-bottom:.75rem;padding:0}.category-sidebar-toggle-btn{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:var(--radius-md,8px);width:100%;color:var(--text-primary,#1f2937);cursor:pointer;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.category-sidebar-toggle-btn:hover{background:var(--primary-color-lighter,#eff6ff);color:var(--primary-color-hover,#1d4ed8)}.category-sidebar-toggle-btn:active{transform:scale(.98)}.category-sidebar-toggle-btn:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px;border-radius:8px}.category-sidebar-toggle-btn i{color:var(--text-tertiary,#9ca3af);justify-content:center;align-items:center;min-width:20px;font-size:1.25rem;line-height:1;display:flex}.category-sidebar-toggle-btn:hover i{color:var(--primary-color,#2563eb)}.sidebar-category-tree{margin:0;padding:0;list-style:none}.sidebar-category-tree.root-level{flex-direction:column;gap:2px;display:flex}.tree-item{position:relative}.tree-link-wrapper{align-items:center;gap:4px;display:flex}.tree-toggle{border:1.5px solid var(--border-color,#e5e7eb);border-radius:var(--radius-sm,6px);background:var(--bg-surface,#fff);width:22px;min-width:22px;height:22px;color:var(--text-secondary,#6b7280);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.tree-toggle:hover{background:var(--bg-surface-hover,#f9fafb);border-color:var(--text-primary,#374151);color:var(--text-primary,#374151);transform:scale(1.1)}.tree-toggle:active{transform:scale(.95)}.tree-toggle:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px;border-color:var(--primary-color,#2563eb)}.tree-toggle[aria-expanded=true]{background:var(--primary-color-lighter,#eff6ff);border-color:var(--primary-color,#2563eb);color:var(--primary-color,#2563eb)}.toggle-icon{pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .15s}.nested-level{border-left:2px solid var(--border-color,#e5e7eb);margin-top:4px;margin-left:11px;padding-left:12px;list-style:none}.nested-level[hidden]{display:none!important}.nested-level .tree-item{position:relative}.nested-level .tree-item:before{content:"";background:var(--border-color,#e5e7eb);width:8px;height:2px;position:absolute;top:50%;left:-12px}.tree-link{width:100%;color:var(--text-primary,#1f2937);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:1px;padding:8px 12px;font-size:.875rem;line-height:1.3;text-decoration:none;display:flex}.tree-link.lv1{padding:10px 12px;font-size:.9375rem;font-weight:600}.tree-link.lv2{padding:8px 12px;font-size:.875rem;font-weight:500}.tree-link.lv3{opacity:.95;padding:7px 12px;font-size:.8125rem;font-weight:400}.tree-link:hover{background:var(--primary-color-lighter,#eff6ff);color:var(--primary-color-dark,#1e40af);border-color:var(--primary-color,#2563eb)}.tree-link.active{background:var(--bg-surface-hover,#f3f4f6);color:var(--primary-color,#2563eb);border-color:var(--primary-color,#2563eb);font-weight:600}.tree-link.active .tree-name{font-weight:600}.tree-count{min-width:24px;height:18px;color:var(--text-muted,#6b7280);background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.6875rem;font-weight:600;transition:all .15s;display:inline-flex}.tree-link:hover .tree-count{color:var(--primary-color,#2563eb);background:var(--primary-color-lighter,#eff6ff);border-color:var(--primary-color,#2563eb)}.tree-link.active .tree-count{color:var(--text-inverse,#fff);background:var(--primary-color,#2563eb);border-color:var(--primary-color,#2563eb);font-weight:700;box-shadow:0 0 0 1px #ffffff4d}@media (max-width:1024px){.container.search-page,.container.category-page,.container.brand-page{padding:var(--spacing-lg,1rem);flex-direction:column;gap:0}.sidebar{width:100%;margin-bottom:var(--spacing-xl,1.25rem)}}@media (max-width:767px){:root{--fs-2xl:1.375rem;--fs-xl:1.125rem;--fs-lg:1rem}.container.search-page,.container.category-page,.container.brand-page{padding:var(--spacing-md,.75rem)}.category-header{margin-bottom:0}.category-header h1{font-size:1.5rem}.active-filters{margin:var(--spacing-lg,1rem)0 var(--spacing-md,.75rem)0}.results{padding:0}.no-results-outer{padding:var(--spacing-2xl,1.5rem)var(--spacing-md,.75rem)}.auto-correction-notice,.better-query-suggestion{gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,.75rem)var(--spacing-lg,1rem);flex-direction:column}.pagination{gap:var(--spacing-xs,.25rem);flex-wrap:wrap}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 var(--spacing-sm,.5rem);font-size:var(--font-size-xs,.75rem)}}.results-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-2)0;margin-bottom:var(--spacing-3);border-bottom:1px solid var(--clr-border-light);display:flex}.results-toolbar__summary{align-items:center;gap:var(--spacing-2);min-width:0;display:flex}.results-toolbar__icon{color:var(--clr-text-muted);opacity:.7;flex-shrink:0}.results-toolbar__count{font-size:var(--fs-sm);color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.results-toolbar__controls{align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.results-toolbar__sort,.results-toolbar__page-jump{align-items:center;gap:var(--spacing-2);display:flex}.results-toolbar__label{font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:600}.results-toolbar__select{-webkit-appearance:none;appearance:none;border:1px solid var(--clr-border);border-radius:var(--radius-s);background-color:var(--clr-surface);font-size:var(--fs-sm);color:var(--clr-text);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:var(--lh-normal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;min-width:0;padding:6px 28px 6px 10px;box-shadow:0 1px 2px #0000000d}.results-toolbar__select:hover{border-color:var(--clr-primary)}.results-toolbar__select:focus-visible{outline:2px solid var(--clr-primary);outline-offset:1px;border-color:var(--clr-primary)}.results-toolbar__select--page{text-align:center;min-width:72px}.results-toolbar__page-jump:before{content:"";background:var(--clr-border-light);width:1px;height:16px;margin-right:var(--spacing-1);display:block}.results-toolbar--search .results-toolbar__count{color:var(--clr-text-light)}@media (max-width:1024px){.results-toolbar__page-jump,.results-toolbar__label{display:none}}@media (max-width:767px){.results-toolbar{gap:var(--spacing-2);padding:var(--spacing-2)0;margin-bottom:var(--spacing-2);flex-wrap:wrap}.results-toolbar__summary,.results-toolbar__controls{width:100%}.results-toolbar__sort{flex:1}.results-toolbar__select{width:100%}.results-toolbar__page-jump{display:none}}