.product-page-container{display:flex;max-width:1300px;margin:35px auto;padding:0 24px;gap:30px}.sidebar{width:280px;flex-shrink:0}.filter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;height:48px;padding-bottom:12px;margin-bottom:24px}.filter-header h3{font-size:16px;font-weight:600;color:#221f20;margin:0}.search-box{position:relative;margin-bottom:24px}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888;font-size:14px}.search-box input{width:100%;padding:11px 12px 11px 38px;border:1px solid #e2e8f0;background-color:#ffffff;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease-in-out}.search-box input:focus{border-color:#221f20;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:6px;border-radius:6px;transition:background-color .2s ease}.category-list li:hover{background-color:#f7f7f7}.category-label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;cursor:pointer}.category-info-wrap{display:flex;align-items:center;gap:12px}.category-list input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:#221f20;cursor:pointer}.category-name{font-size:14px;color:#221f20;font-weight:500}.category-count{font-size:11px;color:#6b7280;background-color:#e5e7eb;padding:2px 8px;border-radius:10px;font-weight:600;min-width:24px;text-align:center}.main-content{flex-grow:1}.top-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;height:48px;padding-bottom:12px;margin-bottom:24px}.product-count{font-size:14px;color:#4b5563;font-weight:500}.sort-dropdown select{padding:8px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#221f20;outline:none;background-color:#fff;height:38px;transition:all .2s ease-in-out}.sort-dropdown select:focus{border-color:#221f20}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.product-card{background:#f8f8f8;border-radius:12px;padding:20px;text-align:center;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.02);transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.wishlist{position:absolute;top:30px;right:30px;font-size:18px;color:#333;cursor:pointer}.product-img{background:white;border-radius:10px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.product-img img{max-width:80%;max-height:80%}.product-title{font-size:14px;font-weight:500;margin-bottom:10px;min-height:40px}.swatches{display:flex;justify-content:center;gap:8px;margin-bottom:10px}.dot{width:12px;height:12px;border-radius:50%}.blue{background-color:#3167eb}.pink{background-color:#e91e63}.price{font-size:18px;font-weight:600;margin-bottom:15px}.buy-btn{width:100%;padding:12px;background-color:#221f20;color:white;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s}.buy-btn:hover{background-color:#000}.pagination{margin-top:50px;gap:10px}.arrow,.page-num,.pagination{display:flex;justify-content:center;align-items:center}.arrow,.page-num{text-decoration:none;color:#333;width:35px;height:35px;border-radius:6px;font-size:14px;background:#f2f2f2}.page-num.active{background-color:#000;color:white}.dots{color:#999}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.product-page-container{flex-direction:column}.sidebar{width:100%}.product-grid{grid-template-columns:1fr}}