.filter-accordion{border:1px solid var(--tile);background:#fff;border-radius:20px;flex-direction:column;gap:0;font-family:Inter,sans-serif;display:flex;position:sticky;top:100px;overflow:hidden}.filter-header{border-bottom:1px solid var(--tile);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.filter-title{color:var(--ink);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:600}.filter-clear{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-clear:hover{background:var(--tile);color:var(--ink)}.filter-section{border-bottom:1px solid var(--tile)}.filter-section:last-child{border-bottom:none}.filter-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;transition:background .2s;display:flex}.filter-section-header:hover{background:var(--paper)}.filter-section-title{color:var(--ink);text-transform:uppercase;letter-spacing:.8px;font-size:14px;font-weight:600}.filter-chevron{color:var(--ink-3);transition:transform .3s}.filter-section.is-open .filter-chevron{transform:rotate(180deg)}.filter-section-content{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.filter-section.is-open .filter-section-content{max-height:400px;padding-bottom:16px}.filter-list{flex-direction:column;gap:2px;margin:0;padding:0 16px;list-style:none;display:flex}.filter-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s;display:flex}.filter-item:hover{background:var(--paper)}.filter-item.is-active{background:var(--tile)}.filter-item.is-active .filter-item-name{color:var(--ink);font-weight:600}.filter-item-name{color:var(--ink-2);font-size:14px;transition:color .2s}.filter-item:hover .filter-item-name{color:var(--ink)}.filter-item-count{color:var(--ink-3);background:var(--paper);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:500;transition:all .2s}.filter-item.is-active .filter-item-count{background:var(--ink-2);color:#fff}@media (max-width:1023px){.filter-accordion{border-radius:16px;position:static}.filter-header{padding:20px 20px 16px}.filter-section-header{padding:16px 20px}.filter-list{padding:0 12px}.filter-item{padding:10px}}@media (max-width:767px){.filter-accordion{border-radius:14px}.filter-header{padding:16px 16px 14px}.filter-title{font-size:16px}.filter-section-header{padding:14px 16px}.filter-section-title{font-size:13px}.filter-list{padding:0 10px}.filter-item{padding:9px 10px}.filter-item-name{font-size:13px}.filter-item-count{padding:2px 6px;font-size:11px}}@media (max-width:479px){.filter-header{padding:14px 14px 12px}.filter-clear{padding:5px 10px;font-size:12px}.filter-section-header{padding:12px 14px}.filter-section-title{letter-spacing:.6px;font-size:12px}.filter-list{padding:0 8px}.filter-item{padding:8px}.filter-item-name{font-size:12px}}@media (hover:none){.filter-section-header:hover,.filter-item:hover{background:0 0}.filter-item:hover .filter-item-name{color:var(--ink-2)}.filter-clear:hover{background:0 0}.filter-section-header:active,.filter-item:active{background:var(--paper)}.filter-clear:active{background:var(--tile)}}
.products-page{background:var(--paper);min-height:100vh}.products-loading,.products-error{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.products-loading .loading-spinner{border:4px solid var(--tile);border-top-color:var(--ink-2);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.products-loading p,.products-error p{color:var(--ink-3);margin:0;font-size:16px}.products-error .retry-btn{background:var(--ink-2);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.products-error .retry-btn:hover{background:var(--ink)}.products-header{background:var(--paper);max-width:var(--container);padding:clamp(48px, 6vw, 84px) var(--gutter) clamp(28px, 3vw, 40px);z-index:10;margin:0 auto;position:relative}.products-header-content{text-align:left}.products-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-bottom:14px;font-size:12px;font-weight:600;display:block}.products-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(38px,6vw,64px);font-weight:500;line-height:1}.products-subtitle{color:var(--ink-2);max-width:60ch;margin:0;font-size:clamp(15px,1.2vw,17px)}.products-toolbar{max-width:var(--container);padding:24px var(--gutter);background:var(--paper);border-bottom:1px solid var(--tile);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.toolbar-left{align-items:center;gap:20px;display:flex}.toolbar-right{align-items:center;gap:16px;display:flex}.mobile-filter-toggle{border:1px solid var(--tile);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:none}.mobile-filter-toggle:hover{border-color:var(--ink-2)}.filter-count{background:var(--ink-2);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.products-search{flex:1;align-items:center;max-width:300px;display:flex;position:relative}.products-search .search-icon{color:var(--ink-3);pointer-events:none;position:absolute;left:12px}.products-search .search-input{border:1px solid var(--tile);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 40px;font-size:16px;transition:all .2s}.products-search .search-input::placeholder{color:var(--ink-3)}.products-search .search-input:focus{border-color:var(--ink-2);outline:none;box-shadow:0 0 0 3px #55524b1a}.products-search .search-clear{background:var(--tile);width:24px;height:24px;color:var(--ink-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;right:8px}.products-search .search-clear:hover{background:var(--line)}.results-count{color:var(--ink-3);font-size:16px}.sort-wrapper{align-items:center;gap:10px;display:flex}.sort-label{color:var(--ink-3);font-size:16px}.custom-sort-dropdown{width:220px;position:relative}.sort-trigger{border:1px solid var(--tile);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;transition:all .2s;display:flex}.sort-trigger:hover,.sort-trigger.is-open{border-color:var(--ink-2)}.sort-arrow{color:var(--ink-2);transition:transform .2s}.sort-arrow.rotated{transform:rotate(180deg)}.sort-options-menu{border:1px solid var(--tile);z-index:50;opacity:0;visibility:hidden;background:#fff;border-radius:10px;width:100%;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 4px 20px #00000014}.sort-options-menu.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.sort-option{width:100%;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:15px;transition:background .15s;display:flex}.sort-option:hover{background:var(--paper);color:var(--ink)}.sort-option.is-selected{background:var(--tile);color:var(--ink);font-weight:500}.check-icon{color:var(--ink)}.products-main{max-width:var(--container);padding:40px var(--gutter);grid-template-columns:280px 1fr;gap:40px;margin:0 auto;display:grid}.products-sidebar{font-family:Inter,sans-serif;position:relative}.products-content{flex-direction:column;gap:24px;display:flex}.active-filters{flex-wrap:wrap;gap:10px;padding-bottom:8px;display:flex}.filter-tag{background:var(--tile);color:var(--ink);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex}.filter-tag:hover{background:var(--line)}.filter-tag svg{opacity:.6}.filter-tag:hover svg{opacity:1}.filter-tag-clear{border:1px dashed var(--ink-3);color:var(--ink-3);background:0 0}.filter-tag-clear:hover{background:var(--paper);border-color:var(--ink-2);color:var(--ink)}.products-pagination{justify-content:center;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.products-pagination-btn{border:1px solid var(--tile);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.products-pagination-btn:hover:not(:disabled){border-color:var(--ink-2);background:var(--paper)}.products-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.products-pagination-numbers{align-items:center;gap:.4rem;display:inline-flex}.products-page-number{border:1px solid var(--tile);width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:10px;font-size:.85rem;font-weight:600;transition:all .2s}.products-page-number:hover{border-color:var(--ink-2);background:var(--paper)}.products-page-number.is-active{background:var(--ink-2);border-color:var(--ink-2);color:#fff}.products-pagination-ellipsis{color:var(--ink-3);padding:0 .1rem;font-weight:700}.mobile-filters-overlay{z-index:20000;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s;position:fixed;inset:0}.mobile-filters-overlay.is-open{visibility:visible;opacity:1}.mobile-filters-backdrop{background:#00000080;position:absolute;inset:0}.mobile-filters-drawer{background:#fff;flex-direction:column;width:100%;max-width:360px;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-filters-overlay.is-open .mobile-filters-drawer{transform:translate(0)}.mobile-filters-header{border-bottom:1px solid var(--tile);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mobile-filters-header h2{color:var(--ink);margin:0;font-size:18px;font-weight:600}.mobile-filters-close{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-filters-close:hover{background:var(--paper)}.mobile-filters-content{flex:1;padding:0;overflow-y:auto}.mobile-filters-content .filter-accordion{border:none;border-radius:0}.mobile-filters-content .filter-header{display:none}.mobile-filters-footer{border-top:1px solid var(--tile);padding:20px 24px}.mobile-filters-apply{background:var(--ink-2);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600;transition:all .2s}.mobile-filters-apply:hover{background:var(--ink)}@media (max-width:1399px){.products-main{padding:32px var(--gutter);grid-template-columns:260px 1fr;gap:32px}.products-toolbar{padding:20px var(--gutter)}.products-header{padding:50px var(--gutter)}}@media (max-width:1279px){.products-main{padding:28px var(--gutter);grid-template-columns:240px 1fr;gap:28px}.products-toolbar{padding:18px var(--gutter)}.products-header{padding:44px var(--gutter)}}@media (max-width:1023px){.products-sidebar{display:none}.products-main{padding:24px var(--gutter);grid-template-columns:1fr}.mobile-filter-toggle{display:flex}.products-header{padding:40px var(--gutter)}.products-toolbar{padding:16px var(--gutter)}}@media (max-width:767px){.products-header{padding:36px var(--gutter)}.products-toolbar{z-index:15;padding:12px var(--gutter);-webkit-backdrop-filter:saturate(180%)blur(8px);background:#fafaf7f0;grid-template-columns:1fr 1fr;grid-template-areas:"search search""filter sort""count count";gap:10px;display:grid;position:sticky;top:60px;box-shadow:0 4px 12px #1716140a}.toolbar-left,.toolbar-right{display:contents}.products-search{grid-area:search;width:100%;max-width:none}.products-search .search-input{padding:12px 40px;font-size:15px}.mobile-filter-toggle{grid-area:filter;justify-content:center;padding:10px 12px;font-size:13px;display:inline-flex}.sort-wrapper{grid-area:sort;align-items:center;gap:8px;width:100%;display:flex}.sort-label{display:none}.custom-sort-dropdown{width:100%}.sort-trigger{width:100%;padding:10px 12px;font-size:13px}.results-count{text-align:center;color:var(--ink-3);border:none;grid-area:count;padding:0;font-size:12px}.products-main{padding:20px var(--gutter);gap:20px}.active-filters{gap:8px}.filter-tag{padding:6px 12px;font-size:12px}.mobile-filters-drawer{max-width:100%}.products-pagination{flex-wrap:wrap}.products-pagination-btn span{display:none}}@media (max-width:639px){.products-header{padding:32px var(--gutter)}.products-toolbar,.products-main{padding:16px var(--gutter)}}@media (max-width:479px){.products-header{padding:28px var(--gutter)}.products-toolbar{padding:14px var(--gutter);gap:14px}.products-main{padding:12px var(--gutter)}.filter-tag{padding:5px 10px;font-size:11px}}@media (hover:none){.mobile-filter-toggle:hover,.sort-trigger:hover{border-color:var(--tile)}.filter-tag:hover{background:var(--tile)}.filter-tag-clear:hover{border-color:var(--ink-3);color:var(--ink-3);background:0 0}.mobile-filters-close:hover{background:0 0}.mobile-filters-apply:hover{background:var(--ink-2)}.mobile-filter-toggle:active{background:var(--paper)}.filter-tag:active{background:var(--line)}.mobile-filters-apply:active{background:var(--ink)}}