.category-pills-container{width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.category-pills-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding:0 1rem .5rem;display:flex;overflow:auto hidden}.category-pills-scroll::-webkit-scrollbar{display:none}.category-pill{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-full);min-width:120px;min-height:48px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;text-align:center;flex:none;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s}.category-pill:hover{border-color:var(--color-gold);background:var(--color-gold-pale)}.category-pill.active{background:var(--color-gold);color:var(--color-white);border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.category-pill:active{transform:scale(.98)}@media (min-width:769px){.category-pills-scroll{justify-content:center;gap:12px;padding:0 0 .5rem}.category-pill{min-width:auto}}@media (max-width:768px){.category-pills-container{margin:0 calc(-1*var(--container-padding,1rem))1.5rem;width:100vw}.category-pills-scroll{justify-content:flex-start;gap:8px;padding:0 1rem .5rem;scroll-padding:1rem}.category-pill{min-width:110px;min-height:48px;padding:10px 20px;font-size:.875rem}}@media (max-width:400px){.category-pills-scroll{gap:6px;padding:0 .875rem .5rem;scroll-padding:.875rem}.category-pill{min-width:100px;min-height:44px;padding:8px 16px;font-size:.8125rem}}
.products-page{min-height:80vh;padding:3rem 0 5rem}.page-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1rem}.page-title{font-family:var(--font-heading);color:var(--color-charcoal);margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:600}.page-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.collection-title{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);-webkit-text-fill-color:transparent;letter-spacing:3px;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer;position:relative;font-weight:900!important}.collection-title:after{content:"";background:linear-gradient(90deg,transparent,var(--color-gold),transparent);border-radius:2px;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.products-toolbar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex;position:relative}.mobile-filter-toggle{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-button);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;display:none;position:relative}.mobile-filter-toggle:hover{border-color:var(--color-gold);background:var(--color-gold-pale)}.filter-badge{background:var(--color-gold);border:2px solid var(--color-white);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}.filters{flex:1;align-items:flex-end;gap:1rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.filter-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.filter-select{font-size:.9375rem;font-family:var(--font-body);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-button);min-width:160px;padding:.75rem 1rem;font-weight:500}.filter-select:hover{border-color:var(--color-gray-300)}.filter-select:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 0 3px #d4af371a}.clear-filters-btn{border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-button);white-space:nowrap;background:0 0;align-self:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.clear-filters-btn:hover{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-pale)}.clear-filters-btn:active{transform:scale(.98)}.sort{align-items:flex-end;gap:1rem;display:flex}.view-toggles{border-right:1px solid var(--color-border);align-items:center;gap:.5rem;padding-right:1rem;display:flex}.view-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--color-gray-500);transition:all var(--transition-button);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.view-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.view-btn.active{color:var(--color-gold);background:var(--color-gold-pale)}.view-btn:active{transform:scale(.95)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.products-list{flex-direction:column;gap:2rem;max-width:900px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:flex}.load-more{text-align:center;padding-top:2rem}.load-more-btn{text-transform:uppercase;letter-spacing:.05em;background:var(--color-white);color:var(--color-charcoal);border:2px solid var(--color-charcoal);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-smooth);padding:1rem 3rem;font-size:.938rem;font-weight:600}.load-more-btn:hover{background:var(--color-charcoal);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:900px){.products-toolbar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.mobile-filter-toggle{width:100%;display:flex}.filters{border-top:1px solid var(--color-border);flex-direction:column;gap:1rem;padding-top:1rem;display:none}.filters.show{display:flex}.filter-group{width:100%}.filter-select{width:100%;min-width:auto}.clear-filters-btn{justify-content:center;width:100%}.sort{flex-direction:column;gap:1rem;width:100%}.view-toggles{border-right:none;border-bottom:1px solid var(--color-border);justify-content:center;padding-bottom:1rem;padding-right:0}.sort .filter-group{width:100%}.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .5rem}}@media (max-width:480px){.products-grid{gap:1rem;padding:0 .5rem}.view-btn svg{width:18px;height:18px}}