.wreck-parts__cat-icon--green  { background: var(--mcc-green-dark); }
.wreck-parts__cat-icon--blue   { background: #2f7dc0; }
.wreck-parts__cat-icon--gold   { background: var(--mcc-gold); color: var(--mcc-ink); }
.wreck-parts__cat-icon--purple { background: #7b5bd6; }

.wreck-hero { position: relative; background: var(--mcc-navy); color: #fff; overflow: hidden; }
.wreck-hero__bg { position: absolute; inset: 0; z-index: 0; }
.wreck-hero__img { width: 100%; height: 100%; object-fit: cover; opacity: .5; object-position: center; }
 .wreck-hero__overlay {
	position: absolute; inset: 0; z-index: 1;
	background:
		radial-gradient(55% 55% at 90% 15%, rgba(111, 178, 86, .22), transparent 70%),
		linear-gradient(105deg, rgba(18, 39, 72, .93) 0%, rgba(13, 29, 51, .8) 45%, rgba(18, 39, 72, .55) 100%);
} 
.wreck-hero__inner { position: relative; z-index: 2; padding: 4.5rem 0 5rem; }
.wreck-hero__crumb {
	display: flex; align-items: center; gap: .7rem; flex-wrap: wrap;
	font-weight: 700; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase;
	margin-bottom: 1.3rem;
}
.wreck-hero__crumb a { color: rgba(255, 255, 255, .78); }
.wreck-hero__crumb a:hover { color: #fff; }
.wreck-hero__crumb span { color: rgba(255, 255, 255, .5); }
.wreck-hero__crumb .is-current { color: var(--mcc-green); }
.wreck-hero__title {
	color: #fff; font-weight: 900; letter-spacing: -.02em; line-height: 1.04;
	font-size: clamp(2.6rem, 1.5rem + 3.6vw, 4.8rem); margin-bottom: 1.3rem;
}
.wreck-hero__hl { color: var(--mcc-yellow); display: block; }
.wreck-hero__lead { color: rgba(255, 255, 255, .9); font-size: 1.1rem; max-width: 34rem; margin-bottom: 1.5rem; }
.wreck-hero__list { display: flex; flex-direction: column; gap: .8rem; margin-bottom: 1.9rem; }
.wreck-hero__list li { display: flex; align-items: center; gap: .7rem; font-weight: 700; color: rgba(255, 255, 255, .94); }
.wreck-hero__list svg { color: var(--mcc-green); flex: none; }

/* INTRO (copy + image card) */
.wreck-intro__hl { color: var(--mcc-green-dark); }
.wreck-intro__body p { color: var(--mcc-body); margin-bottom: 1rem; }
.wreck-intro__media { position: relative; border-radius: 24px; overflow: hidden; box-shadow: var(--mcc-shadow); }
.wreck-intro__img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.wreck-intro__card {
	position: absolute; inset: auto 0 0 0;
	padding: 2rem 1.9rem 1.7rem;
	background: linear-gradient(to top, rgba(6, 20, 12, .92) 30%, rgba(6, 20, 12, .0) 100%);
	color: #fff;
}
.wreck-intro__card-label {
	display: inline-block; margin-bottom: .6rem;
	font-weight: 800; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--mcc-green);
}
.wreck-intro__card-title { color: #fff; font-size: 1.5rem; font-weight: 800; line-height: 1.2; margin-bottom: .5rem; }
.wreck-intro__card-text { color: rgba(255, 255, 255, .85); margin: 0; font-size: .95rem; }

/* GET / WON'T (two comparison cards) */
.wreck-gw__hl { color: #d6362f; }
.wreck-gw__card {
	height: 100%;
	background: #fff; border: 1px solid var(--mcc-border);
	border-radius: 22px; padding: 2.2rem;
	box-shadow: var(--mcc-shadow-sm);
}
.wreck-gw__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; }
.wreck-gw__head h3 { font-size: 1.5rem; font-weight: 800; margin: 0; }
.wreck-gw__badge {
	display: inline-flex; align-items: center; justify-content: center;
	width: 52px; height: 52px; border-radius: 15px; flex: none; color: #fff;
}
.wreck-gw__badge--yes { background: var(--mcc-green-dark); box-shadow: 0 10px 20px rgba(79, 142, 62, .28); }
.wreck-gw__badge--no  { background: #d6362f; box-shadow: 0 10px 20px rgba(214, 54, 47, .28); }
.wreck-gw__list { display: flex; flex-direction: column; gap: 1.1rem; margin: 0; }
.wreck-gw__list li { display: flex; align-items: flex-start; gap: .8rem; color: var(--mcc-heading); font-weight: 600; }
.wreck-gw__ic { flex: none; margin-top: 1px; }
.wreck-gw__ic--yes { color: var(--mcc-green-dark); }
.wreck-gw__ic--no  { color: #d6362f; }

/* MODELS WE WRECK (card grid) */
.wreck-model {
	height: 100%; text-align: center;
	background: var(--mcc-light); border: 1px solid var(--mcc-border);
	border-radius: 16px; padding: 1.5rem 1rem;
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.wreck-model:hover { transform: translateY(-3px); box-shadow: var(--mcc-shadow-sm); border-color: var(--mcc-green); }
.wreck-model__name { display: block; font-family: var(--font-heading); font-weight: 800; color: var(--mcc-heading); margin-bottom: .8rem; }
.wreck-model__badge {
	display: inline-block;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 60px;
	padding: .3rem 1rem; font-weight: 800; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mcc-body);
}
.wreck-models__foot { margin-top: 2.6rem; margin-bottom: 0; font-weight: 700; color: var(--mcc-heading); }
.wreck-models__foot a { color: var(--mcc-green-dark); text-decoration: underline; }

.wreck-parts__hl { color: var(--mcc-green-dark); }
.wreck-parts__text { color: var(--mcc-body); margin-bottom: 1.6rem; }
.wreck-parts__text p:last-child { margin-bottom: 0; }
.wreck-parts__features { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.8rem; }
.wreck-parts__feature {
	display: flex; gap: 1rem; align-items: flex-start;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 16px;
	padding: 1.1rem 1.3rem; box-shadow: var(--mcc-shadow-sm);
}
.wreck-parts__feature-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 46px; height: 46px; border-radius: 12px; flex: none;
	background: var(--mcc-green-dark); color: #fff;
}
.wreck-parts__feature strong { display: block; color: var(--mcc-heading); font-size: 1.05rem; }
.wreck-parts__feature span { color: var(--mcc-body); font-size: .95rem; }
.wreck-parts__feature span svg {
	stroke: #fff;
}
.wreck-parts__cta { display: flex; flex-wrap: wrap; gap: 1rem; }
.wreck-btn--blue { background: var(--mcc-blue); color: #fff; box-shadow: 0 12px 24px rgba(46, 111, 160, .32); }
.wreck-btn--blue:hover { background: var(--mcc-blue-deep); color: #fff; transform: translateY(-2px); }

.wreck-parts__cat {
	height: 100%;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 18px;
	padding: 1.6rem 1.5rem;
	box-shadow: var(--mcc-shadow-sm);
}
.wreck-parts__cat-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 50px; height: 50px; border-radius: 14px; color: #fff; margin-bottom: 1rem;
}
.wreck-parts__cat h4 { font-size: 1.2rem; font-weight: 800; margin-bottom: .4rem; }
.wreck-parts__cat p { color: var(--mcc-body); margin: 0; font-size: .95rem; }

/* WRECKING LOCATIONS (pill chips) */
.wreck-loc__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }
.wreck-loc__chip {
	display: inline-flex; align-items: center; gap: .5rem;
	background: var(--mcc-light); border: 1px solid var(--mcc-border);
	border-radius: 60px; padding: .8rem 1.4rem;
	font-weight: 700; color: var(--mcc-heading);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}
.wreck-loc__chip svg { color: var(--mcc-green-dark); flex: none; transition: transform .16s ease; }
.wreck-loc__chip:hover { transform: translateY(-2px); box-shadow: var(--mcc-shadow-sm); border-color: var(--mcc-green); color: var(--mcc-heading); }
.wreck-loc__chip:hover svg { transform: translateX(3px); }

.wreck-why { background: #001d33; color: #fff; overflow: hidden; }
.wreck-why__bg { position: absolute; inset: 0; z-index: 0; }
.wreck-why__img { width: 100%; height: 100%; object-fit: cover; opacity: .22; }
.wreck-why .container { position: relative; z-index: 1; }
.wreck-why__lead { color: rgba(255, 255, 255, .82); }
.wreck-why__card {
	position: relative; height: 100%;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 18px;
	padding: 2.3rem 1.9rem;
	transition: transform .18s ease, box-shadow .18s ease;
}
.wreck-why__card:hover { transform: translateY(-4px); box-shadow: var(--mcc-shadow); }
.wreck-why__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 60px; height: 60px; border-radius: 16px; background: #eef2ea; color: var(--mcc-green-dark);
	margin-bottom: 1rem;
}
.wreck-why__num {
	position: absolute; top: 1.5rem; right: 1.6rem;
	background: var(--mcc-light); color: var(--mcc-green-dark);
	font-weight: 900; letter-spacing: .08em; padding: .35rem .8rem; border-radius: 60px; font-size: .95rem;
}
.wreck-why__card h3 { font-size: 1.3rem; margin-bottom: .5rem; }
.wreck-why__card p { color: var(--mcc-body); margin: 0; }

.wreck-brands__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; max-width: 52rem; margin: 0 auto; }
.wreck-brands__chip {
	display: inline-flex; align-items: center;
	background: #fff; border: 1px solid var(--mcc-border);
	border-radius: 60px; padding: .8rem 1.7rem;
	font-family: var(--font-heading); font-weight: 800; color: var(--mcc-heading);
	box-shadow: var(--mcc-shadow-sm);
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}
.wreck-brands__chip:hover { transform: translateY(-2px); color: var(--mcc-green-dark); }
.wreck-brands__chip.is-active { background: var(--mcc-ink); color: #fff; border-color: var(--mcc-ink); cursor: default; }

/* Responsive */
@media (max-width: 991.98px) {
	.wreck-hero__inner { padding: 3rem 0 3.5rem; }
	.wreck-intro__media { margin-top: 1rem; }
	.wreck-intro__img { min-height: 320px; }
}
@media (max-width: 575.98px) {
	.wreck-gw__card { padding: 1.6rem 1.3rem; }
	.wreck-hero__list li { align-items: flex-start; }
}