.collection-page{overflow-x:hidden}.collection-page__content{box-sizing:border-box;grid-template-columns:1fr;gap:2rem;max-width:1500px;margin:0 auto;padding:2rem;display:grid}@media (width>=1024px){.collection-page__content{grid-template-columns:260px 1fr}}.collection-page__sidebar{display:none}@media (width>=1024px){.collection-page__sidebar{display:block}}.collection-page__main{flex-direction:column;gap:2rem;min-width:0;display:flex}@media (width<=768px){.collection-page__content{gap:1.5rem;padding:1rem}.collection-page__main{gap:1.5rem}}.products-page{background:var(--color-bg-page,#fff);padding:1.5rem 0 3rem}.products-page__container{max-width:var(--container-max,1280px);padding:0 var(--container-padding-x,3rem);margin:0 auto}.products-header{border-bottom:1px solid var(--color-border-default,#eee);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0;display:flex}.products-header__main{align-items:baseline;gap:.75rem;display:flex}.products-title{font-family:var(--font-heading);font-size:var(--text-h1,28px);color:var(--color-text-primary,#222);letter-spacing:0;margin:0;font-weight:500}.products-count{font-family:var(--font-body);font-size:var(--text-small,12px);color:var(--color-text-muted,#767676)}.products-controls{align-items:center;gap:.5rem;display:flex}.filter-toggle{height:36px;font-family:var(--font-body);font-size:var(--text-small,12px);text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-primary,#222);border:1px solid var(--color-border-strong,#222);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.375rem;padding:0 .75rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.filter-toggle:hover,.filter-toggle.is-open{background:var(--color-primary,#000);color:var(--color-white,#fff)}.filter-toggle svg{width:14px;height:14px}.sort-dropdown{position:relative}.sort-trigger{height:36px;font-family:var(--font-body);font-size:var(--text-small,12px);text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-primary,#222);border:1px solid var(--color-border-strong,#222);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.375rem;padding:0 .75rem;display:inline-flex}.sort-trigger:hover{background:var(--color-bg-hover,#f6f6f6)}.view-toggle{border:1px solid var(--color-border-default,#eee);display:flex}.view-toggle-btn{background:var(--color-white,#fff);border:none;border-right:1px solid var(--color-border-default,#eee);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted,#767676);justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover,.view-toggle-btn.is-active{color:var(--color-white,#fff);background-color:var(--color-primary,#000)}.view-toggle-btn svg{width:16px;height:16px}.products-layout{grid-template-columns:var(--grid-sidebar-width,280px) 1fr;gap:1.5rem;display:grid}.products-layout.no-sidebar{grid-template-columns:1fr}.filters-sidebar{top:calc(var(--header-total-height,136px) + .5rem);background:var(--color-white,#fff);height:fit-content;padding:1rem;position:sticky}.filters-header{border-bottom:1px solid var(--color-border-default,#eee);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.filters-title{font-family:var(--font-body);font-size:var(--text-md,14px);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary,#222);font-weight:500}.filters-clear{font-family:var(--font-body);font-size:var(--text-small,12px);color:var(--color-text-muted,#767676);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.filters-clear:hover{color:var(--color-text-primary,#222)}.filter-group{border-bottom:1px solid var(--color-border-default,#eee);padding:.5rem 0}.filter-group:last-child{border-bottom:none}.filter-group-header{font-family:var(--font-body);font-size:var(--text-small,12px);text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-primary,#222);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.625rem 0;font-weight:500;display:flex}.filter-group-header svg{width:12px;height:12px;transition:transform .2s}.filter-group.is-open .filter-group-header svg{transform:rotate(180deg)}.filter-group-content{padding-top:.5rem;padding-bottom:.5rem;display:none}.filter-group.is-open .filter-group-content{display:block}.filter-option{font-family:var(--font-body);font-size:var(--text-small,12px);color:var(--color-text-primary,#222);cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.filter-option-count{color:var(--color-text-muted,#767676);margin-left:auto}.price-range{align-items:center;gap:.5rem;display:flex}.price-range-input{height:36px;font-family:var(--font-body);font-size:var(--text-small,12px);background:var(--color-white,#fff);border:1px solid var(--color-border-strong,#222);border-radius:var(--input-radius,4px);text-align:center;outline:none;flex:1;padding:0 .5rem}.price-range-input:focus{border-color:var(--color-primary,#000)}.price-range-separator{color:var(--color-text-muted,#767676);font-size:var(--text-small,12px)}.products-grid{grid-template-columns:repeat(var(--grid-columns-desktop,4), 1fr);column-gap:var(--card-gap-x,.5rem);row-gap:var(--card-gap-y,1rem);display:grid}.products-grid.grid-2{grid-template-columns:repeat(2,1fr)}.products-grid.grid-3{grid-template-columns:repeat(3,1fr)}.products-grid.grid-5{grid-template-columns:repeat(5,1fr)}.products-list{flex-direction:column;gap:1rem;display:flex}.active-filters{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.active-filter{font-family:var(--font-body);font-size:var(--text-xs,11px);background-color:var(--color-bg-section,#f6f6f6);color:var(--color-text-primary,#222);border-radius:var(--badge-radius,2px);align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.active-filter-remove{cursor:pointer;color:currentColor;background:0 0;border:none;width:14px;height:14px;padding:0}.load-more{justify-content:center;padding:2rem 0 1rem;display:flex}.products-empty{text-align:center;grid-column:1/-1;padding:4rem 1rem}.products-empty-icon{width:64px;height:64px;color:var(--color-text-muted,#767676);margin:0 auto 1.5rem}.products-empty-title{font-family:var(--font-heading);font-size:var(--text-h2,22px);color:var(--color-text-primary,#222);margin-bottom:.5rem;font-weight:500}.products-empty-description{font-family:var(--font-body);font-size:var(--text-md,14px);color:var(--color-text-muted,#767676);margin-bottom:1.5rem}@media (width<=1024px){.products-page__container{padding:0 1.5rem}.products-layout{grid-template-columns:1fr;gap:0}.filters-sidebar{z-index:var(--z-modal,600);background-color:var(--color-white,#fff);padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.filters-sidebar.is-open{display:block}.products-grid{grid-template-columns:repeat(var(--grid-columns-tablet,3), 1fr)}}@media (width<=767px){.products-page{padding:.5rem 0 1.5rem}.products-page__container{padding:0 .75rem}.products-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.5rem;padding:.5rem 0}.products-title{font-size:var(--text-h1-mobile,22px)}.products-controls{justify-content:space-between;width:100%}.products-grid{grid-template-columns:repeat(var(--grid-columns-mobile,2), 1fr);gap:.75rem .5rem}.filters-sidebar.is-open{border-radius:12px 12px 0 0;height:80vh;padding:1rem;inset:auto 0 0}}
