Shop

Shop All

Search parts by keywords

Example: 2006 BMW X3 3.0L Right passenger headlight

or by selecting Make & Model of your vehicle

#filtered-results {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.products {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 15px;
width: calc(25% – 20px);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: all 0.3s ease;
text-align: center;
}
.products:hover {
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
transform: translateY(-5px);
}
.products img {
max-width: 100%;
height: auto;
border-radius: 6px;
margin-bottom: 10px;
}
.products p {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #333;
}
#pagination-container {
display: flex;
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.page-btn {
background-color: #f0f0f0;
border: 1px solid #ccc;
color: #333;
padding: 8px 14px;
border-radius: 4px;
cursor: pointer;
font-weight: 500;
transition: all 0.2s ease;
}
.page-btn:hover {
background-color: #e0e0e0;
color: #000;
}
.page-btn.active {
background-color: #0073e6;
color: white;
border-color: #0073e6;
font-weight: 600;
}
.product-filter-dropdown {
padding: 10px 15px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #fff;
color: #333;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(“data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%204%205’%3E%3Cpath%20fill=’%23333’%20d=’M2%200L0%202h4L2%200zM2%205l2-2H0l2%202z’/%3E%3C/svg%3E”);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 10px;
transition: all 0.3s ease;
margin: 10px 10px 10px 0;
width: 200px;
display: inline
}
.product-filter-dropdown:focus {
border-color: #0073e6;
outline: none;
box-shadow: 0 0 4px rgba(0, 115, 230, 0.5);
}
#reset-filters {
padding: 5px 11px;
background-color: #000000;
color: #fff;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
margin-left: 10px;
}
#reset-filters:hover {
background-color: #ffdf00;
transform: scale(1.03);
color: black;
}
#reset-filters:active {
transform: scale(0.98);
}
p.product-price {
color: brown;
font-size: 18px;
font-weight: bold;
}
/* Responsive */
@media (max-width: 1024px) {
.products {
width: calc(33.333% – 20px);
}
}
@media (max-width: 768px) {
.products {
width: calc(50% – 20px);
}
}
@media (max-width: 480px) {
.products {
width: 100%;
}
}