:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--secondary: #10b981;--accent: #8b5cf6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 12px;--radius-lg: 16px}.products-page:where(.astro-gxfup3kf){background:var(--gray-50);min-height:100vh;padding-bottom:4rem}.container:where(.astro-gxfup3kf){max-width:1400px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container:where(.astro-gxfup3kf){padding:0 1.5rem}}.category-pills:where(.astro-gxfup3kf){display:flex;gap:.75rem;overflow-x:auto;padding:1rem 0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.category-pills:where(.astro-gxfup3kf)::-webkit-scrollbar{display:none}.pill:where(.astro-gxfup3kf){display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:100px;text-decoration:none;color:var(--gray-600);font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s;box-shadow:var(--shadow-sm)}.pill:where(.astro-gxfup3kf):hover{border-color:var(--primary);color:var(--primary)}.pill:where(.astro-gxfup3kf).active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb33}.pill-icon:where(.astro-gxfup3kf){width:18px;height:18px}.layout-grid:where(.astro-gxfup3kf){display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.layout-grid:where(.astro-gxfup3kf){display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}}.sidebar:where(.astro-gxfup3kf){display:flex;flex-direction:column;gap:1rem;order:-1}@media(min-width:1024px){.sidebar:where(.astro-gxfup3kf){position:sticky;top:1rem;order:0}}.widget:where(.astro-gxfup3kf){background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.widget-title:where(.astro-gxfup3kf){font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.widget-icon:where(.astro-gxfup3kf){width:20px;height:20px;color:var(--primary)}.widget-collapsible:where(.astro-gxfup3kf) .widget-toggle:where(.astro-gxfup3kf){width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:0;margin-bottom:0}.widget-collapsible:where(.astro-gxfup3kf) .widget-title-text:where(.astro-gxfup3kf){flex:1}.widget-collapsible:where(.astro-gxfup3kf) .widget-chevron:where(.astro-gxfup3kf){width:20px;height:20px;color:var(--gray-400);transition:transform .3s ease;display:block}.widget-collapsible:where(.astro-gxfup3kf)[data-collapsed=true] .widget-chevron:where(.astro-gxfup3kf){transform:rotate(-90deg)}.widget-collapsible:where(.astro-gxfup3kf)[data-collapsed=false] .widget-chevron:where(.astro-gxfup3kf){transform:rotate(0)}.widget-collapsible:where(.astro-gxfup3kf) .widget-content:where(.astro-gxfup3kf){max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;opacity:1;margin-top:1rem}.widget-collapsible:where(.astro-gxfup3kf)[data-collapsed=true] .widget-content:where(.astro-gxfup3kf){max-height:0;opacity:0;margin-top:0}@media(min-width:1024px){.widget-collapsible:where(.astro-gxfup3kf) .widget-chevron:where(.astro-gxfup3kf){display:none}.widget-collapsible:where(.astro-gxfup3kf) .widget-toggle:where(.astro-gxfup3kf){cursor:default;margin-bottom:1rem}.widget-collapsible:where(.astro-gxfup3kf) .widget-content:where(.astro-gxfup3kf){max-height:none!important;opacity:1!important;margin-top:0!important}.widget-collapsible:where(.astro-gxfup3kf)[data-collapsed=true] .widget-content:where(.astro-gxfup3kf){max-height:none;opacity:1}}.cat-list:where(.astro-gxfup3kf){list-style:none;display:flex;flex-direction:column;gap:.25rem;padding:0;margin:0}.cat-list:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf){display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:8px;text-decoration:none;color:var(--gray-600);font-size:.875rem;transition:all .2s}.cat-list:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf):hover{background:var(--gray-50);color:var(--primary)}.cat-list:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf).active{background:var(--primary-light);color:var(--primary);font-weight:600}.cat-item:where(.astro-gxfup3kf).has-children>.cat-link-wrapper:where(.astro-gxfup3kf)>a:where(.astro-gxfup3kf){font-weight:500}.cat-link-wrapper:where(.astro-gxfup3kf){display:flex;align-items:center}.cat-link-wrapper:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf){flex:1}.cat-toggle:where(.astro-gxfup3kf){display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:background .2s;flex-shrink:0}.cat-toggle:where(.astro-gxfup3kf):hover{background:var(--gray-200)}.cat-arrow:where(.astro-gxfup3kf){width:14px;height:14px;flex-shrink:0;transition:transform .2s;color:var(--gray-500)}.cat-item:where(.astro-gxfup3kf).expanded>.cat-link-wrapper:where(.astro-gxfup3kf) .cat-arrow:where(.astro-gxfup3kf){transform:rotate(90deg)}.cat-name:where(.astro-gxfup3kf){flex:1}.cat-count:where(.astro-gxfup3kf){background:var(--gray-200);color:var(--gray-600);padding:.125rem .5rem;border-radius:100px;font-size:.75rem;font-weight:600}.cat-list:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf).active .cat-count:where(.astro-gxfup3kf){background:#ffffff40;color:var(--primary)}.cat-sublist:where(.astro-gxfup3kf){list-style:none;padding:0;padding-left:1rem;border-left:2px solid var(--gray-200);margin:.25rem 0 .5rem .875rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin .2s ease}.cat-item:where(.astro-gxfup3kf).expanded>.cat-sublist:where(.astro-gxfup3kf){max-height:500px;opacity:1}.cat-sublist:where(.astro-gxfup3kf) li:where(.astro-gxfup3kf){margin-bottom:.125rem}.cat-sublist:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf){padding:.5rem .75rem;font-size:.8125rem;color:var(--gray-500)}.cat-sublist:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf):hover{background:var(--gray-100);color:var(--gray-800)}.cat-sublist:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf).active{background:var(--primary-light);color:var(--primary);font-weight:600}.cat-sublist:where(.astro-gxfup3kf) .cat-sublist:where(.astro-gxfup3kf){margin-left:.25rem;border-left-color:var(--gray-100)}.cat-sublist:where(.astro-gxfup3kf) .cat-sublist:where(.astro-gxfup3kf) a:where(.astro-gxfup3kf){font-size:.75rem;padding:.375rem .625rem}.price-inputs:where(.astro-gxfup3kf){display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.price-inputs:where(.astro-gxfup3kf) input:where(.astro-gxfup3kf){width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;background:var(--gray-50)}.separator:where(.astro-gxfup3kf){color:var(--gray-400)}.filter-btn:where(.astro-gxfup3kf){width:100%;padding:.625rem;background:var(--gray-900);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:where(.astro-gxfup3kf):hover{background:#000;transform:translateY(-1px)}.toolbar:where(.astro-gxfup3kf){background:#fff;padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm)}@media(min-width:768px){.toolbar:where(.astro-gxfup3kf){flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem}}.results-count:where(.astro-gxfup3kf){font-size:.875rem;color:var(--gray-600);margin:0}.results-count:where(.astro-gxfup3kf) strong:where(.astro-gxfup3kf){color:var(--gray-900)}.toolbar-right:where(.astro-gxfup3kf){display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:768px){.toolbar-right:where(.astro-gxfup3kf){flex-direction:row;gap:1rem;width:auto}}.sort-form:where(.astro-gxfup3kf){display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%}@media(min-width:768px){.sort-form:where(.astro-gxfup3kf){flex-direction:row;align-items:center;gap:1rem;flex:1;width:auto}}.toolbar-search:where(.astro-gxfup3kf){position:relative;width:100%}@media(min-width:768px){.toolbar-search:where(.astro-gxfup3kf){flex:1;min-width:200px}}.toolbar-search:where(.astro-gxfup3kf) input:where(.astro-gxfup3kf){width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background:var(--gray-50)}.toolbar-search:where(.astro-gxfup3kf) .search-icon:where(.astro-gxfup3kf){position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gray-400)}.sort-wrapper:where(.astro-gxfup3kf){display:flex;align-items:center;gap:.5rem;width:100%}@media(min-width:768px){.sort-wrapper:where(.astro-gxfup3kf){width:auto}}.sort-wrapper:where(.astro-gxfup3kf) label:where(.astro-gxfup3kf){font-size:.875rem;color:var(--gray-600);white-space:nowrap}.sort-wrapper:where(.astro-gxfup3kf) select:where(.astro-gxfup3kf){padding:.5rem 2rem .5rem .75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;background-color:#fff;cursor:pointer;flex:1}@media(min-width:768px){.sort-wrapper:where(.astro-gxfup3kf) select:where(.astro-gxfup3kf){flex:none}}.products-grid:where(.astro-gxfup3kf){display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media(min-width:640px){.products-grid:where(.astro-gxfup3kf){grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}.empty-state:where(.astro-gxfup3kf){text-align:center;padding:4rem 1rem;background:#fff;border-radius:var(--radius);border:1px dashed var(--gray-300)}.empty-icon:where(.astro-gxfup3kf){width:64px;height:64px;margin:0 auto 1.5rem;color:var(--gray-300)}.empty-state:where(.astro-gxfup3kf) h3:where(.astro-gxfup3kf){font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.empty-state:where(.astro-gxfup3kf) p:where(.astro-gxfup3kf){color:var(--gray-500);margin-bottom:1.5rem}.pagination:where(.astro-gxfup3kf){display:flex;justify-content:center;align-items:center;gap:1rem}.page-numbers:where(.astro-gxfup3kf){display:flex;gap:.5rem}.page-link:where(.astro-gxfup3kf){display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;color:var(--gray-600);font-size:.875rem;font-weight:500;transition:all .2s}.page-link:where(.astro-gxfup3kf):hover{border-color:var(--gray-300);background:var(--gray-50)}.page-link:where(.astro-gxfup3kf).active{background:var(--primary);border-color:var(--primary);color:#fff}.page-link:where(.astro-gxfup3kf).prev,.page-link:where(.astro-gxfup3kf).next{font-weight:600}