.shop-hero{padding:calc(var(--header-height) + var(--promo-carousel-height, 75px) + var(--space-4xl)) var(--space-xl) var(--space-3xl);background:linear-gradient(to bottom,var(--black-rich),var(--black));text-align:center}@media(max-width:768px){.shop-hero{padding-top:calc(var(--header-height-mobile) + var(--promo-carousel-height) + var(--space-3xl))}}.shop-hero__content{max-width:700px;margin:0 auto}.shop-hero__label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.25em;color:var(--gold);text-transform:uppercase;margin-bottom:var(--space-md)}.shop-hero__title{font-family:var(--font-display);font-size:clamp(4rem,10vw,7.5rem);line-height:.95;margin-bottom:var(--space-lg)}.shop-hero__subtitle{font-size:1.1rem;color:var(--gray-muted);line-height:1.6}.filters{padding:var(--space-xl) var(--space-xl);background:var(--black);border-bottom:1px solid var(--border-subtle);position:sticky;top:calc(var(--header-height, 95px) + var(--promo-carousel-height, 75px));z-index:50;transition:top .3s ease}.filters--carousel-hidden{top:var(--header-height, 95px)}@media(max-width:768px){.filters{top:calc(var(--header-height-mobile) + var(--promo-carousel-height));padding:var(--space-sm) var(--space-md)}.filters--carousel-hidden{top:var(--header-height-mobile)}}.filters__toggle{display:none}@media(max-width:768px){.filters__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-subtle);cursor:pointer;transition:border-color .2s ease}.filters__toggle:hover,.filters__toggle:focus{border-color:var(--bone)}.filters__toggle-left{display:flex;align-items:center;gap:var(--space-sm)}.filters__toggle-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-muted)}.filters__toggle-active{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;color:var(--bone);background:var(--charcoal);padding:var(--space-xs) var(--space-sm);border-radius:2px}.filters__toggle-icon{font-size:.7rem;color:var(--gray-muted);transition:transform .2s ease}.filters--expanded .filters__toggle-icon{transform:rotate(180deg)}}.filters__inner{display:flex;justify-content:center;gap:var(--space-md);max-width:var(--max-width);margin:0 auto;flex-wrap:wrap}@media(max-width:768px){.filters__inner{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .3s ease,opacity .2s ease,margin-top .3s ease}.filters--expanded .filters__inner{max-height:300px;opacity:1;margin-top:var(--space-sm)}}.filter{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-muted);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-subtle);background:transparent;transition:var(--transition-fast);cursor:pointer}.filter:hover{color:var(--bone);border-color:var(--bone)}.filter--active{color:var(--black);background:var(--bone);border-color:var(--bone)}.shop-grid{padding:var(--space-3xl) var(--space-xl);background:var(--black)}.shop-grid__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:var(--max-width);margin:0 auto}.shop-grid__loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center;color:var(--gray-muted)}.shop-grid__loading p{font-family:var(--font-display);font-size:1.25rem;margin-top:var(--space-lg)}.shop-grid__loading-sub{font-family:var(--font-mono)!important;font-size:.75rem!important;letter-spacing:.05em;opacity:.7;margin-top:var(--space-sm)!important}.shop-grid__spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--crimson);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shop-grid__error-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center}.shop-grid__error-state h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--crimson);margin-bottom:var(--space-md)}.shop-grid__error-state p{color:var(--gray-muted);margin-bottom:var(--space-sm);max-width:400px}.shop-grid__error-details{font-family:var(--font-mono);font-size:.7rem;color:var(--gray);background:var(--charcoal);padding:var(--space-sm) var(--space-md);border-radius:4px;margin-top:var(--space-md);margin-bottom:var(--space-xl)}.quality-banner{padding:var(--space-2xl) var(--space-xl);background:var(--charcoal);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.quality-banner__inner{display:flex;justify-content:center;gap:var(--space-3xl);max-width:var(--max-width);margin:0 auto;flex-wrap:wrap}.quality-banner__item{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bone-muted)}.quality-banner__icon{color:var(--crimson);font-size:.5rem}.size-cta{padding:var(--space-4xl) var(--space-xl);background:var(--black);text-align:center}.size-cta__inner{max-width:600px;margin:0 auto}.size-cta__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-md)}.size-cta__text{color:var(--gray-muted);margin-bottom:var(--space-xl)}.shop-grid__inner [data-reveal]:nth-child(1){transition-delay:.05s}.shop-grid__inner [data-reveal]:nth-child(2){transition-delay:.1s}.shop-grid__inner [data-reveal]:nth-child(3){transition-delay:.15s}.shop-grid__inner [data-reveal]:nth-child(4){transition-delay:.2s}.shop-grid__inner [data-reveal]:nth-child(5){transition-delay:.25s}.shop-grid__inner [data-reveal]:nth-child(6){transition-delay:.3s}.shop-grid__inner [data-reveal]:nth-child(7){transition-delay:.35s}.shop-grid__inner [data-reveal]:nth-child(8){transition-delay:.4s}.shop-grid__inner [data-reveal]:nth-child(9){transition-delay:.45s}@media(max-width:1024px){.shop-grid__inner{grid-template-columns:repeat(2,1fr)}.quality-banner__inner{gap:var(--space-xl)}}@media(max-width:768px){.shop-grid__inner{grid-template-columns:1fr;max-width:400px}.filters__inner{gap:var(--space-sm)}.filter{padding:var(--space-xs) var(--space-md);font-size:.65rem}.quality-banner__inner{flex-direction:column;gap:var(--space-md);align-items:center}}
