.collection-page{min-height:100vh}.collection-hero{position:relative;height:45vh;min-height:320px;display:flex;align-items:flex-end;overflow:hidden}.collection-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.collection-hero-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#111,#1a1410)}.collection-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a0a0ae6,#0a0a0a4d)}.collection-hero-content{position:relative;z-index:2;padding:48px 60px}.collection-title{font-family:var(--font-display);font-size:clamp(48px,6vw,80px);color:var(--white);line-height:1;margin-bottom:10px}.collection-desc{font-size:14px;color:#f5f3f099;max-width:500px;line-height:1.6;margin-bottom:10px}.collection-count{font-family:var(--font-cond);font-size:12px;letter-spacing:3px;color:var(--accent)}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 60px;border-bottom:1px solid var(--border);background:#0a0a0acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:76px;z-index:50}.filter-left{display:flex;align-items:center;gap:16px}.filter-toggle{background:transparent;border:1px solid var(--border);color:var(--white);font-family:var(--font-cond);font-size:12px;letter-spacing:2px;padding:10px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .2s}.filter-toggle:hover{border-color:var(--accent);color:var(--accent)}.filter-right{display:flex;align-items:center;gap:20px}.result-count{font-family:var(--font-cond);font-size:12px;color:var(--muted);letter-spacing:1px}.sort-select{background:transparent;border:1px solid var(--border);color:var(--white);font-family:var(--font-cond);font-size:12px;letter-spacing:2px;padding:10px 16px;cursor:pointer;outline:none}.sort-select option{background:var(--black)}.collection-body{display:flex;min-height:60vh}.filter-sidebar{width:280px;flex-shrink:0;background:#0d0d0d;border-right:1px solid var(--border);padding:32px 28px;transform:translate(-100%);position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.filter-sidebar.open{transform:translate(0)}.filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:22px;color:var(--white);margin-bottom:32px}.filter-sidebar-header button{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer}.filter-group{margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:28px}.filter-group-title{font-family:var(--font-cond);font-size:11px;letter-spacing:3px;color:var(--accent);margin-bottom:16px}.filter-option{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);cursor:pointer;margin-bottom:12px}.filter-option input{accent-color:var(--accent);width:16px;height:16px}.filter-option:hover span{color:var(--white)}.size-filter-grid{display:flex;flex-wrap:wrap;gap:8px}.size-filter-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-cond);font-size:12px;letter-spacing:1px;padding:8px 14px;cursor:pointer;transition:all .2s}.size-filter-btn.active,.size-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.price-range{display:flex;flex-direction:column;gap:12px}.price-range input[type=range]{width:100%;accent-color:var(--accent)}.price-labels{display:flex;justify-content:space-between;font-family:var(--font-cond);font-size:12px;color:var(--muted)}.filter-clear{width:100%;background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-cond);font-size:12px;letter-spacing:2px;padding:12px;cursor:pointer;margin-top:16px;transition:all .2s}.filter-clear:hover{border-color:var(--accent);color:var(--accent)}.collection-grid-wrap{flex:1;padding:40px 60px 80px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.collection-empty{grid-column:1/-1;text-align:center;padding:80px 0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:60px}.page-btn{font-family:var(--font-cond);font-size:12px;letter-spacing:2px;color:var(--muted);border:1px solid var(--border);padding:10px 18px;transition:all .2s}.page-btn:hover,.page-btn.active{border-color:var(--accent);color:var(--accent)}@media(max-width:900px){.collection-hero-content{padding:32px 24px}.filter-bar{padding:12px 24px}.collection-grid-wrap{padding:24px 24px 60px}.collection-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection.css.map */