.collection-page{min-height:100vh}.collection-hero-banner{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:8rem 2rem 4rem;max-width:1440px;margin:0 auto}.collection-banner-card{position:relative;border-radius:1.5rem;overflow:hidden;aspect-ratio:16 / 9;text-decoration:none}.collection-banner-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-hero) var(--ease-fluid)}.collection-banner-card:hover img{transform:scale(1.05)}.collection-banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.collection-banner-season{font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-bottom:.5rem}.collection-banner-name{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;color:#fff;letter-spacing:-.02em}.collection-content{max-width:1440px;margin:0 auto;padding:2rem}.collection-header{margin-bottom:2rem}.collection-label{font-family:var(--font-body);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-surface-variant);opacity:.5}.collection-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.02em;color:var(--color-on-surface);margin-top:.5rem}.collection-title em{font-style:italic;font-weight:400;color:var(--color-on-surface-variant)}.category-filters{display:flex;gap:.5rem;margin-bottom:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{display:none}.filter-pill{padding:.625rem 1.25rem;border-radius:var(--radius-pill);border:1px solid var(--color-outline-variant);background:none;cursor:pointer;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--color-on-surface);white-space:nowrap;transition:all var(--duration-normal) var(--ease-fluid)}.filter-pill:hover{border-color:var(--color-on-surface)}.filter-pill.active{background:var(--color-on-surface);color:var(--color-bg);border-color:var(--color-on-surface)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.collection-grid .product-card-image{aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-container-low)}.collection-grid .product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-hero) var(--ease-fluid)}.collection-grid .product-card:hover .product-card-image img{transform:scale(1.05)}.collection-grid .product-card-category{font-family:var(--font-body);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-on-surface-variant);opacity:.5}.collection-loading{display:flex;justify-content:center;padding:6rem 0}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite;color:var(--color-on-surface-variant)}@keyframes spin{to{transform:rotate(360deg)}}.collection-empty{text-align:center;padding:4rem;color:var(--color-on-surface-variant)}@media(max-width:768px){.collection-content{padding:5rem 1.5rem 6rem}.collection-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:769px)and (max-width:1024px){.collection-grid{grid-template-columns:repeat(3,1fr)}}
