.product-list-page{padding:30px 0}.product-list-container{max-width:1200px;margin:0 auto;padding:0 20px}.breadcrumb{margin-bottom:20px}.product-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap}.product-list-header h2{margin-bottom:0}.product-list-actions{display:flex;align-items:center;gap:15px}.sort-select{min-width:200px}.product-card{height:100%;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.product-image-container{position:relative;overflow:hidden}.product-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-actions{position:absolute;bottom:-50px;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:10px;background-color:#ffffffe6;transition:bottom .3s ease}.product-card:hover .product-actions{bottom:0}.action-button{display:flex;align-items:center;justify-content:center}.product-info{padding:15px 0 5px}.product-name{font-weight:500;margin-bottom:8px;color:var(--text-color);transition:color .2s;display:block;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-name:hover{color:var(--primary-color)}.product-price{font-weight:600;color:var(--primary-color);margin-bottom:0}.select-options-button{width:100%}.pagination-container{margin-top:40px;display:flex;justify-content:center}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-products{margin:60px 0}@media (max-width: 768px){.product-list-header{flex-direction:column;align-items:flex-start;gap:15px}.product-list-actions{width:100%;flex-direction:column;align-items:flex-start}.sort-select{width:100%}}
