.shop-container{box-sizing:border-box;align-items:flex-start;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:32px;display:flex}.filter-sidebar{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:12px;flex-shrink:0;width:260px;padding:24px;transition:all .3s;position:sticky;top:100px}.filter-group{border-bottom:1px dashed var(--color-border);margin-bottom:24px;padding-bottom:24px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{color:var(--color-text-main);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.filter-list{flex-direction:column;gap:12px;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.filter-label{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:10px;font-size:14px;transition:all .2s;display:flex}.filter-label:hover{color:var(--color-brand)}.filter-checkbox{accent-color:var(--color-brand);cursor:pointer;width:16px;height:16px}.price-range-box{align-items:center;gap:8px;display:flex}.price-input{border:1px solid var(--color-border);text-align:center;background:var(--color-bg);width:100%;height:36px;color:var(--color-text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:0 10px;font-size:13px}.price-input:focus{border-color:var(--color-brand)}.btn-price-apply{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;height:36px;margin-top:12px;font-size:13px;font-weight:600;transition:all .2s}.btn-price-apply:hover{opacity:.9}.btn-reset-filters{background:var(--color-bg);color:#ef4444;cursor:pointer;box-sizing:border-box;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;height:36px;margin-top:12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-reset-filters:hover{background:#fee2e2}.shop-main{flex:1;width:100%;min-width:0}.shop-header{background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;transition:all .3s;display:flex}.shop-title{color:var(--color-text-main);font-size:20px;font-weight:800}.shop-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13px}.sort-box{color:var(--color-text-muted);align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.sort-select{border:1px solid var(--color-border);background:var(--color-bg);height:36px;color:var(--color-text-main);cursor:pointer;box-sizing:border-box;border-radius:6px;outline:none;padding:0 16px;font-size:13px}.product-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;display:grid}.pagination-wrapper{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.page-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-main);cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.page-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.btn-mobile-filter{display:none}.mobile-filter-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=992px){.shop-container .product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.shop-container{flex-direction:column;align-items:stretch;gap:16px;width:100%;margin-bottom:0;padding:16px 16px 100px}.filter-sidebar{display:none!important}.btn-mobile-filter{background:var(--color-surface);border:1px solid var(--color-border);width:100%;height:44px;color:var(--color-text-main);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:0;font-size:14px;font-weight:600;display:flex}.dark .btn-mobile-filter{background:#0f172a}.shop-header{box-sizing:border-box;border-radius:8px;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-bottom:8px;padding:16px}.sort-box{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.sort-select{box-sizing:border-box;flex:1;max-width:100%;height:40px;padding:0 10px;font-size:13px}.shop-container .product-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.filter-sidebar.mobile-open{z-index:10001;box-sizing:border-box;background:var(--color-surface);border-radius:20px 20px 0 0;width:100%;max-height:85vh;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 40px #0000001a;display:block!important}.dark .filter-sidebar.mobile-open{box-shadow:0 -10px 40px #00000080}.mobile-filter-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.mobile-filter-close{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;font-size:24px}}