*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;color:#333;line-height:1.5}.page-container{max-width:1200px;margin:auto;padding:20px}.header{margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:15px}.header-top{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.title{font-size:2rem;font-weight:600;color:#222}.subtitle{font-size:14px;color:#666}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.controls input,.controls select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:all .2s ease-in-out;min-width:120px}.controls input:focus,.controls select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.results-info{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:14px}.view-switch button{padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;margin-left:5px;transition:all .2s ease-in-out}.view-switch button:hover{background:#007bff;color:#fff;border-color:#007bff}.grid-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.list-view{display:flex;flex-direction:column;gap:20px}.card{background:#fff;border-radius:10px;box-shadow:0 3px 8px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0000001f}.card-image{width:100%;height:200px;background:#f2f2f2;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.card-image img{width:80%;height:100%;object-fit:contain}.caption{font-size:12px;color:#777;margin-top:5px;text-align:center;position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#fffc;padding:2px 6px;border-radius:4px}.card-body{padding:15px;display:flex;flex-direction:column;flex:1}.card-title{font-size:1.1rem;font-weight:600;color:#007bff;margin-bottom:6px}.card-desc{font-size:14px;color:#555;margin-bottom:12px;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-rating{display:flex;flex-direction:column}.price{font-weight:700;color:#28a745}.rating{color:#888;font-size:13px}.actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease-in-out}.add-btn{background:#007bff;color:#fff}.add-btn:hover{background:#0056b3}.wishlist-btn{background:#ffc107;color:#222}.wishlist-btn:hover{background:#e0a800}.empty{margin:20px 0;padding:20px;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;text-align:center;color:#856404;font-size:14px}@media (max-width: 1024px){.grid-view{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 768px){.header-top{align-items:center;text-align:center}.controls{flex-direction:column;width:100%}.controls input,.controls select{width:100%}.results-info{flex-direction:column;gap:10px}.card-image{height:180px}}@media (max-width: 425px){.card-image{height:150px}.card-title{font-size:1rem}.card-desc{font-size:13px}.price,.rating{font-size:12px}.actions button{font-size:12px;padding:5px 8px}}