.goods-page{max-width:1280px;margin:0 auto;padding:16px;display:flex;gap:24px}.goods-sidebar{width:260px;flex-shrink:0}.sidebar-section{border-bottom:1px solid #eaeaea;padding-bottom:16px;margin-bottom:16px}.sidebar-section h4{font-size:14px;font-weight:700;margin-bottom:12px;color:#002f34}.sidebar-section ul{list-style:none;padding:0;margin:0}.sidebar-section li{font-size:14px;padding:8px 0;cursor:pointer;color:#002f34}.sidebar-section li.active{font-weight:700}.sidebar-section li:hover{text-decoration:underline}.goods-content{flex:1 1}.goods-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.goods-topbar h3{font-size:18px;font-weight:700;color:#002f34}.sort{display:flex;align-items:center;gap:8px;font-size:14px}.sort select{padding:6px 8px;border-radius:4px;border:1px solid #ccc;background:#fff;cursor:pointer}.goods-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.goods-card{border:1px solid #eaeaea;border-radius:6px;background:#fff;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease}.goods-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}.goods-image{position:relative;height:180px;background:#f7f7f7}.goods-image img{width:100%;height:100%;object-fit:cover}.featured{left:8px;background:#ffce32;color:#000;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px}.featured,.wishlist{position:absolute;top:8px}.wishlist{right:8px;background:rgba(0,0,0,.6);color:#fff;font-size:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.goods-info{padding:12px}.goods-info .price{font-size:18px;font-weight:700;color:#002f34;margin-bottom:4px}.goods-info .meta{font-size:13px;color:#6f8a94;margin-bottom:6px}.goods-info .title{font-size:14px;font-weight:600;color:#002f34;margin-bottom:12px;line-height:1.3}.goods-info .footer{display:flex;justify-content:space-between;font-size:12px;color:#6f8a94}@media (max-width:1024px){.goods-grid{grid-template-columns:repeat(2,1fr)}.goods-sidebar{width:220px}}@media (max-width:768px){.goods-page{flex-direction:column}.goods-sidebar{width:100%;border-bottom:1px solid #eaeaea;padding-bottom:16px}.goods-grid{grid-template-columns:1fr}.goods-topbar{flex-direction:column;align-items:flex-start;gap:8px}}.tree-heading{font-size:1.2rem;font-weight:700;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:5px}.category-tree,.subcategory-list{list-style:none;padding-left:0;margin:0}.category-item{margin-bottom:5px}.category-header{cursor:pointer;padding:5px 10px;display:flex;align-items:center;font-weight:500}.category-header.active{background:#f0f4ff;border-radius:5px}.arrow-icon{margin-right:5px;display:flex;align-items:center}.subcategory-list li{padding:3px 20px;cursor:pointer}.subcategory-list li.active{font-weight:700;color:#0070f3}.custom-filters{margin-top:24px}.filter-heading{font-size:20px;margin-bottom:16px}.filter-block{margin-bottom:18px}.filter-block label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#222}.filter-block select{width:100%;height:40px;padding:0 12px;font-size:14px;border:1px solid #d0d5dd;border-radius:8px;background-color:#fff;cursor:pointer}.filter-block select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.radio-group{display:flex;flex-wrap:wrap;gap:12px}.radio-group label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.radio-group input[type=radio]{accent-color:#2563eb;cursor:pointer}.filter-block input[type=text]{width:100%;height:40px;padding:0 12px;font-size:14px;border:1px solid #d0d5dd;border-radius:8px}.filter-block input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}@media (max-width:768px){.filter-heading{font-size:18px}.radio-group{gap:10px}}.multi-select{position:relative}.multi-select-trigger{height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:0 12px;display:flex;align-items:center;font-size:14px;cursor:pointer;background:#fff}.multi-select-trigger:after{content:"▾";margin-left:auto;font-size:12px}.multi-select-menu{position:absolute;top:45px;left:0;width:100%;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:50;padding:6px}.multi-option{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:14px;cursor:pointer}.multi-option:hover{background:#f3f4f6;border-radius:6px}.multi-option input{width:16px;height:16px;accent-color:#2563eb}.custom-filters{margin-top:16px}.filter-heading{font-size:15px;font-weight:600;margin-bottom:12px;color:#222}.budget-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.budget-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.budget-item span:first-child{font-size:13px;font-weight:500;color:#333}.budget-item span:last-child{font-size:12px;color:#6b7280}.budget-item.active{border-color:#00b3c6;background:#f0fcff}.budget-item.active span:first-child{color:#00b3c6;font-weight:600}.budget-item.disabled{opacity:.45;cursor:not-allowed}.budget-range{display:flex;align-items:center;gap:8px}.budget-range input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;outline:none}.budget-range input:focus{border-color:#00b3c6}.budget-range span{font-size:13px;color:#555;white-space:nowrap}.budget-range button{padding:8px 14px;border-radius:8px;background:#00b3c6;color:#fff;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:background .2s ease}.budget-range button:hover{background:#009aac}.budget-range button:disabled{background:#cfd8dc;cursor:not-allowed}@media (max-width:768px){.budget-list{grid-template-columns:1fr}.budget-range{flex-direction:column;align-items:stretch}.budget-range span{text-align:center}.budget-range button{width:100%}}.location-tree{max-height:360px;overflow-y:auto;padding-right:4px}.location-tree .category-header{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;font-size:14px;border-radius:6px}.location-tree .subcategory-list{padding-left:16px}.location-tree .subcategory-item{padding:6px 8px;cursor:pointer;font-size:13.5px;border-radius:6px}.location-tree .active{background:#e6f2ff;font-weight:600}.location-tree .category-header:hover,.location-tree .subcategory-item:hover{background:#f3f7fc}.location-tree::-webkit-scrollbar{width:5px}.location-tree::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:10px}.location-tree::-webkit-scrollbar-track{background:transparent}.applied-filters-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.applied-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:flex;align-items:center;gap:6px;background:#e6f2ff;padding:6px 10px;border-radius:20px;font-size:13px;font-weight:500}.filter-chip button{font-size:14px;line-height:1}.clear-all,.filter-chip button{background:none;border:none;cursor:pointer}.clear-all{color:#06c;font-weight:600}.range-slider{position:relative;margin-top:10px;--track-height:4px}.range-values{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.slider-track{height:var(--track-height);background:#ddd;top:37%;left:0;right:0;transform:translateY(-50%);overflow:hidden}.slider-track,.slider-track:before{position:absolute;border-radius:2px}.slider-track:before{content:"";height:100%;background:#000;left:calc((var(--left) - var(--min)) / (var(--max) - var(--min)) * 100%);width:calc((var(--right) - var(--left)) / (var(--max) - var(--min)) * 100%)}.range-slider input[type=range]{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;background:none;top:37%;transform:translateY(-50%)}.range-slider input[type=range]::-webkit-slider-thumb{pointer-events:auto;height:16px;width:16px;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;-webkit-appearance:none}.range-slider input[type=range]::-moz-range-thumb{pointer-events:auto;height:16px;width:16px;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer}.thumb-left{z-index:3}.thumb-right{z-index:4}.budget-apply{margin-top:30px;width:100%;background:#000;color:#fff;border:none;padding:8px;border-radius:6px;font-size:14px;cursor:pointer}.budget-apply:disabled{opacity:.5;cursor:not-allowed}