.page-hero{justify-content:center;align-items:center;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.hero-image-wrapper{z-index:1;position:absolute;inset:0}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:2;background:linear-gradient(#0006 0%,#000000b3 100%);position:absolute;inset:0}.page-hero-content{z-index:3;text-align:center;max-width:800px;padding:0 var(--space-lg);color:var(--color-text-inverse);position:relative}.page-hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);color:var(--color-text-inverse)}.page-hero-description{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);opacity:.9}.filters-section{padding:var(--space-2xl)0;background-color:var(--color-bg-secondary)}.filters{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{padding:var(--space-sm)var(--space-xl);border:2px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);background-color:#0000}.filter-btn:hover,.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.products-grid{gap:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.product-card{transition:transform var(--transition-base);position:relative}.product-card:hover{transform:translateY(-8px)}.product-image-wrapper{aspect-ratio:3/4;border-radius:var(--radius-md);margin-bottom:var(--space-md);position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{opacity:0;transition:opacity var(--transition-base);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-card:hover .product-overlay{opacity:1}.product-info{text-align:center}.product-category{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-xs);display:block}.product-name{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.product-price{font-size:var(--font-size-base);color:var(--color-secondary);font-weight:var(--font-weight-medium)}.collections-cta{background-color:var(--color-bg-secondary);padding:var(--space-3xl)0;margin-top:var(--space-3xl)}.collections-cta .cta-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.collections-cta .cta-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.loading-state,.error-state,.empty-state{text-align:center;color:var(--gray);padding:4rem 2rem}.loading-state p,.error-state p,.empty-state p{margin-bottom:1rem;font-size:1.2rem}.error-state button{margin-top:1rem}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero{height:40vh;min-height:300px}.page-hero-title{font-size:var(--font-size-3xl)}.products-grid{grid-template-columns:1fr}.filters{gap:var(--space-sm)}.filter-btn{padding:var(--space-xs)var(--space-lg);font-size:var(--font-size-xs)}}