.product-page-container{display:flex;max-width:1300px;margin:35px auto;gap:30px}.sidebar{width:280px;flex-shrink:0}.filter-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:15px}.filter-header h3{font-size:16px;font-weight:600}.search-box{position:relative;margin-bottom:20px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.search-box input{width:100%;padding:10px 10px 10px 35px;border:none;background-color:#f2f2f2;border-radius:8px;font-size:14px;outline:none}.category-list{list-style:none}.category-list li{margin-bottom:12px}.category-list label{font-size:13px;color:#333;display:flex;align-items:center;cursor:pointer}.category-list input[type=checkbox]{margin-right:10px;accent-color:#000}.category-list span{color:#999;margin-left:5px;font-size:12px}.main-content{flex-grow:1}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.product-count{font-size:14px;color:#888}.sort-dropdown select{padding:8px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;outline:none}.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}}