/* — BRAND STYLE & VARIABLES — */
:root {
–primary-blue: #0057B8;
–dark-charcoal: #222222;
–light-gray: #f8f9fa;
–border-color: #e9ecef;
–text-muted: #6c757d;
–shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
–shadow-md: 0 4px 6px rgba(0,0,0,0.07);
}
/* — BASE RESET — */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
color: var(–dark-charcoal);
background-color: #ffffff;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* — CONTAINER — */
.fsa-container {
max-width: 1200px;
margin: 0 auto;
padding: 15px;
}
/* — HEADER — */
header {
background-color: #ffffff;
border-bottom: 3px solid var(–primary-blue);
padding: 20px 0;
}
.header-flex {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
}
.logo-area h1 {
color: var(–dark-charcoal);
font-size: 2rem;
font-weight: 800;
letter-spacing: -1px;
margin-bottom: 2px;
}
.logo-area h1 span {
color: var(–primary-blue);
}
.logo-area p {
color: var(–text-muted);
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
/* Nav Menu (Compliant, Non-active styling) */
.nav-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
margin-top: 10px;
}
.nav-menu li span {
font-size: 0.9rem;
font-weight: 600;
color: var(–dark-charcoal);
text-transform: uppercase;
cursor: default;
transition: color 0.2s ease;
}
.nav-menu li span:hover {
color: var(–primary-blue);
}
/* — HERO & PRODUCT GALLERY (PURE CSS) — */
.product-hero {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin: 40px 0;
}
@media (min-width: 768px) {
.product-hero {
grid-template-columns: 1fr 1fr;
align-items: start;
}
}
/* CSS Gallery Framework */
.gallery-container {
position: relative;
width: 100%;
}
.main-images {
position: relative;
width: 100%;
padding-top: 75%; /* 4:3 Aspect Ratio */
background-color: var(–light-gray);
border: 1px solid var(–border-color);
border-radius: 6px;
overflow: hidden;
box-shadow: var(–shadow-sm);
}
.main-images img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0;
transition: opacity 0.3s ease;
background-color: #ffffff;
}
.thumbnails {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: 15px;
}
.thumbnails label {
border: 1px solid var(–border-color);
border-radius: 4px;
padding: 5px;
cursor: pointer;
background-color: #ffffff;
transition: border-color 0.2s;
}
.thumbnails label:hover {
border-color: var(–primary-blue);
}
.thumbnails img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
/* Gallery Controller Logic */
.gallery-container input[type=”radio”] {
display: none;
}
#img1:checked ~ .main-images #slide1,
#img2:checked ~ .main-images #slide2,
#img3:checked ~ .main-images #slide3,
#img4:checked ~ .main-images #slide4 {
opacity: 1;
z-index: 2;
}
#img1:checked ~ .thumbnails label[for=”img1″],
#img2:checked ~ .thumbnails label[for=”img2″],
#img3:checked ~ .thumbnails label[for=”img3″],
#img4:checked ~ .thumbnails label[for=”img4″] {
border-color: var(–primary-blue);
box-shadow: 0 0 0 1px var(–primary-blue);
}
/* — QUICK INFO PANEL — */
.product-meta {
padding: 10px 0;
}
.product-title {
font-size: 1.6rem;
font-weight: 700;
color: var(–dark-charcoal);
line-height: 1.3;
margin-bottom: 15px;
}
.meta-badge-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-top: 25px;
}
.meta-badge {
background-color: var(–light-gray);
border-left: 4px solid var(–primary-blue);
padding: 12px;
border-radius: 0 4px 4px 0;
}
.meta-badge small {
display: block;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
color: var(–text-muted);
letter-spacing: 0.5px;
}
.meta-badge span {
font-size: 0.95rem;
font-weight: 600;
color: var(–dark-charcoal);
}
/* — VALUE PROPOSITION CARDS — */
.why-buy-section {
background-color: var(–light-gray);
border-radius: 8px;
padding: 30px 20px;
margin: 40px 0;
}
.section-title {
text-align: center;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
.section-title::after {
content: ”;
display: block;
width: 50px;
height: 3px;
background-color: var(–primary-blue);
margin: 8px auto 0 auto;
}
.grid-6-col {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (min-width: 768px) {
.grid-6-col {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.grid-6-col {
grid-template-columns: repeat(6, 1fr);
}
}
.value-card {
background: #ffffff;
padding: 20px 10px;
text-align: center;
border-radius: 6px;
border: 1px solid var(–border-color);
box-shadow: var(–shadow-sm);
}
.value-icon {
font-size: 2rem;
color: var(–primary-blue);
margin-bottom: 10px;
display: block;
}
.value-card h3 {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
color: var(–dark-charcoal);
}
/* — PRODUCT DESCRIPTION SECTION — */
.main-content-card {
border: 1px solid var(–border-color);
border-radius: 8px;
padding: 25px;
margin-bottom: 40px;
box-shadow: var(–shadow-sm);
}
.content-block {
margin-bottom: 30px;
}
.content-block:last-child {
margin-bottom: 0;
}
.content-block h2 {
font-size: 1.2rem;
color: var(–dark-charcoal);
border-bottom: 2px solid var(–border-color);
padding-bottom: 8px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 700;
}
.content-block p {
margin-bottom: 15px;
color: #444444;
}
.content-block ul {
list-style-position: inside;
margin-bottom: 15px;
padding-left: 5px;
}
.content-block li {
margin-bottom: 6px;
color: #444444;
}
/* Highlight Callout */
.alert-note {
background-color: #fff9db;
border-left: 4px solid #fab005;
padding: 15px;
border-radius: 0 4px 4px 0;
margin: 15px 0;
font-size: 0.95rem;
}
/* Table Styling */
.spec-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.spec-table td {
padding: 12px 15px;
border-bottom: 1px solid var(–border-color);
font-size: 0.95rem;
}
.spec-table td:first-child {
font-weight: 600;
background-color: var(–light-gray);
width: 35%;
color: var(–dark-charcoal);
}
/* — ACCORDION SYSTEM (PURE CSS POLICY TABS) — */
.policy-accordions {
margin-bottom: 40px;
}
.accordion-item {
border: 1px solid var(–border-color);
margin-bottom: 10px;
border-radius: 6px;
overflow: hidden;
box-shadow: var(–shadow-sm);
}
.accordion-item input[type=”checkbox”] {
display: none;
}
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: #ffffff;
font-weight: 600;
cursor: pointer;
user-select: none;
transition: background-color 0.2s;
}
.accordion-header:hover {
background-color: var(–light-gray);
}
.accordion-header-title {
display: flex;
align-items: center;
gap: 10px;
font-size: 1.05rem;
}
.accordion-icon-main {
color: var(–primary-blue);
font-size: 1.2rem;
}
.accordion-arrow {
font-size: 0.8rem;
transition: transform 0.2s ease;
color: var(–text-muted);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
background-color: #ffffff;
}
.accordion-content-inner {
padding: 20px;
border-top: 1px solid var(–border-color);
font-size: 0.95rem;
color: #444444;
}
/* Accordion Functionality via checked pseudo-class */
.accordion-item input[type=”checkbox”]:checked ~ .accordion-content {
max-height: 1000px; /* Generous max height for content clearance */
transition: max-height 0.5s cubic-bezier(1, 0, 1, 0);
}
.accordion-item input[type=”checkbox”]:checked ~ .accordion-header {
background-color: var(–light-gray);
}
.accordion-item input[type=”checkbox”]:checked ~ .accordion-header .accordion-arrow {
transform: rotate(180deg);
}
/* — FOOTER — */
footer {
background-color: var(–dark-charcoal);
color: #ffffff;
padding: 40px 20px;
text-align: center;
border-radius: 6px;
margin-top: 20px;
}
footer h2 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}
footer h2 span {
color: var(–primary-blue);
}
footer p {
color: #a0a0a0;
font-size: 0.9rem;
max-width: 600px;
margin: 10px auto 20px auto;
}
.footer-line {
height: 1px;
background-color: #343a40;
margin: 20px 0;
}
.copyright {
font-size: 0.8rem;
color: var(–text-muted);
}
/* — RESPONSIVE LAYOUT ADJUSTMENTS — */
@media (max-width: 480px) {
.header-flex {
gap: 10px;
}
.nav-menu {
gap: 12px;
}
.nav-menu li span {
font-size: 0.8rem;
}
.product-title {
font-size: 1.3rem;
}
.meta-badge-grid {
grid-template-columns: 1fr;
gap: 10px;
}
}
FSA Bumpers
OEM & Premium Replacement Auto Body Parts
Why Choose FSA Bumpers
OEM Quality
Fast Shipping
Best Prices
Expert Support
Trusted Seller
Safe Packing
Product Description
This is a genuine factory original Mercedes-Benz rear left (driver side) bare door shell removed from a W166 chassis vehicle. Designed specifically for 2012–2015 ML-350 SUV models.
Constructed to exact factory structural specifications, ensuring precision fitment along factory hinge points, weatherstripping channels, and body lines
Please review all detailed high-resolution images carefully to inspect exact condition and damage areas before purchasing.
FEATURES
Genuine OEM Part: Original factory Mercedes-Benz equipment ensuring exact structural dimensions and alignment. Direct Replacement: Engineered to match original factory body mounting points and trim contours.
Complete Structural Frame: Solid steel shell construction including window frame surround and interior staging cavities.
SPECIFICATIONS
Brand: Mercedes-Benz
Placement on Vehicle: Rear, Left, Driver Side
Type: Door Shell
Material: Steel
Color: Gray
Finish: Painted
Fitment Type: Direct Replacement
Items Included: Bare Door Shell Only
Country of Manufacture: Germany
VEHICLE COMPATIBILITY
| Year | Make | Model | Trim | Engine | Body Style | Notes |
| 2012–2015 | Mercedes-Benz | ML350 | Base, 4Matic, Bluetec 4Matic | 3.5L V6, 3.0L V6 Turbo Diesel | SUV | W166 Chassis; Rear Left Side |
Important Shipping Information for Bulky Items!!!
The shipping price shown is automatically calculated based on your location and it includes delivery ONLY to a commercial business address (warehouse, shop, store, etc…) or to the nearest freight terminal where you will be able to pick up the item.
We also offer delivery to a residential address for an additional $50-$100 on top of the existing shipping cost. If you decide to choose this option, please contact us before purchasing so we can make shipping arrangements to your home.
At FSA Bumpers, we stock over 5,000 OEM and premium-quality aftermarket bumper covers, alongside selected hoods, doors, grilles, reinforcements, and structural auto body parts. We proudly supply independent collision repair shops, retail auto dealerships, and individual DIY customers with highly competitive prices while maintaining industry-leading customer support standards.
We process transactions safely through eBay Managed Payments. We accept all major credit or debit cards (Visa, MasterCard, American Express, Discover), PayPal, Apple Pay, and Google Pay. Payments must clear entirely before freight or parcel handling teams dispatch your order.
Orders clear handling and process within 1-2 business days. Large or fragile items are crated or safely packaged using dense padding materials to minimize regional transit risks. Tracking numbers update directly within your buyer panel as soon as carriers accept the freight load. We ship strictly to authorized eBay addresses.
We provide a clear 30-day return policy. Items must be returned in their original packaging, unpainted, unaltered, and completely free of modification, drilling, or sanding attempts. Test-fit all parts before bringing them to a paint facility. Buyers cover return shipping costs if an item was ordered incorrectly.
Our dedicated automotive parts team is here to assist you! If you have any questions regarding structural fitment, shipping updates, or part details, please drop us a line via the eBay Message System. We respond to all inquiries within 24 business hours, Monday through Friday.
Reviews
There are no reviews yet.