.card{cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease;width:220px}.card:hover{transform:translateY(-5px)}.card-image{border:2px solid #374151;border-radius:8px;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.card-details{margin-top:10px}.card-details h2{color:#fff;display:-webkit-box;line-height:1.3;margin-bottom:5px;overflow:hidden;padding:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:42px}.card-details h2,.card-price{font-size:16px;font-weight:500}.card-price{color:#fbbf24;margin-bottom:10px}.card-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.card-category,.card-variant{background:#2d3747;color:#fbbf24}.card-category,.card-supplier,.card-variant{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.card-supplier{background:#1f2937;color:#10b981}@media (max-width:768px){.card{max-width:220px;width:100%}.card-image{height:280px}.card-details h2{font-size:14px;min-height:36px}.card-price{font-size:14px}.card-info{gap:6px;margin-bottom:6px}.card-category,.card-supplier,.card-variant{font-size:10px;padding:3px 6px}}@media (max-width:480px){.card{max-width:200px}.card-image{height:250px}.card-details h2{font-size:13px;min-height:32px}.card-price{font-size:13px}.card-info{gap:4px;margin-bottom:5px}.card-category,.card-supplier,.card-variant{font-size:9px;letter-spacing:.3px;padding:2px 5px}}