.collection-v1-wrapper{background-color:var(--color-background);padding:40px 20px}.collection-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);font-family:var(--font-heading);color:var(--color-text-primary);text-align:center;margin:0 0 20px;padding:0}.collection-subtitle{font-size:var(--font-size-base);font-family:var(--font-body);color:var(--color-text-secondary);text-align:center;margin:0}.category-nav-wrapper{font-family:var(--font-body);flex-wrap:wrap;justify-content:center;gap:20px;padding:40px 20px;display:flex}.category-nav-grid{font-family:var(--font-body);flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:0;display:flex}.category-item-container{text-align:center;cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;width:100px;transition:transform .2s ease-in-out;display:flex}.category-item-container:hover .category-image-wrapper{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.category-item-container:focus{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:8px}.category-image-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:20%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:10px;transition:all .2s ease-in-out;display:flex;overflow:hidden}.category-image-wrapper img,.category-image{object-fit:cover;border-radius:20%;width:100%;height:100%}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:3/4;height:auto}.aspect-landscape{aspect-ratio:4/3;height:auto}.aspect-wide{aspect-ratio:16/9;height:auto}.category-image-wrapper.sale{background-color:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-body);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0003}.category-image-wrapper.sale:hover{background-color:var(--color-hover-primary)}.sale-badge{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sale-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-body);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.image-fallback{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);width:100%;height:100%;color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-body);text-align:center;border-radius:20%;justify-content:center;align-items:center;padding:10px;display:flex}.category-info{flex-direction:column;align-items:center;gap:4px;display:flex}.category-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-body);line-height:var(--line-height-normal);margin:0}.category-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);font-family:var(--font-body);color:var(--color-text-muted);text-align:center;display:block}.category-description{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-body);text-align:center;line-height:var(--line-height-normal);margin:0}.subcategory-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);font-family:var(--font-body);color:var(--color-text-muted);text-align:center;margin-top:4px;display:block}.loading-container{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px}.loading-text{font-size:var(--font-size-lg);font-family:var(--font-body);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin:0}.empty-container{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px}.empty-text{font-size:var(--font-size-lg);font-family:var(--font-body);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin:0}@media (max-width:768px){.collection-v1-wrapper{padding:30px 15px}.category-nav-wrapper,.category-nav-grid{gap:16px;padding:30px 15px}.collection-title{font-size:var(--font-size-2xl)}.category-item-container{width:90px}.category-image-wrapper{width:80px;height:80px}.category-label{font-size:var(--font-size-xs)}}@media (max-width:480px){.collection-v1-wrapper{padding:20px 10px}.category-nav-wrapper,.category-nav-grid{gap:12px;padding:20px 10px}.collection-title{font-size:var(--font-size-xl)}.category-item-container{width:80px}.category-image-wrapper{width:70px;height:70px}.category-label{font-size:12px}.subcategory-count{font-size:10px}}