.shp-reason__num--green,  .shp-benefit__icon--green  { background: var(--mcc-green-dark); }
.shp-reason__num--blue,   .shp-benefit__icon--blue   { background: #2f7dc0; }
.shp-reason__num--gold,   .shp-benefit__icon--gold   { background: var(--mcc-gold); color: var(--mcc-ink); }

.shp-hero { position: relative; background: var(--mcc-navy); color: #fff; overflow: hidden; padding: 5rem 0; }
.shp-hero__bg { position: absolute; inset: 0; z-index: 0; }
.shp-hero__img { width: 100%; height: 100%; object-fit: cover; opacity: .4; }
.shp-hero__overlay {
	position: absolute; inset: 0; z-index: 1;
	background:
		radial-gradient(55% 55% at 92% 12%, rgba(111, 178, 86, .24), transparent 70%),
		radial-gradient(45% 45% at 0% 92%, rgba(66, 133, 244, .34), transparent 70%),
		linear-gradient(120deg, rgba(18, 39, 72, .92), rgba(13, 29, 51, .78));
}
.shp-hero__inner { position: relative; z-index: 2; }
.shp-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.4rem;
}
.shp-hero__crumb a { color: rgba(255, 255, 255, .78); }
.shp-hero__crumb a:hover { color: #fff; }
.shp-hero__crumb span { color: rgba(255, 255, 255, .5); }
.shp-hero__crumb .is-current { color: var(--mcc-green); }
.shp-hero__title {
	color: #fff; font-weight: 900; letter-spacing: -.02em; line-height: 1.12;
	font-size: clamp(2.2rem, 1.3rem + 3.6vw, 4.5rem); margin-bottom: 1.1rem;
}
.shp-hero__hl { color: var(--mcc-yellow); display: block; }
.shp-hero__lead { color: rgba(255, 255, 255, .9); font-size: 1.15rem; line-height: 1.65; max-width: 42rem; margin-bottom: 1.6rem; }
.shp-hero__list { display: flex; flex-direction: column; gap: .85rem; margin-bottom: 1.8rem; }
.shp-hero__list li { display: flex; align-items: center; gap: .7rem; font-weight: 700; font-size: 1.05rem; color: rgba(255, 255, 255, .94); }
.shp-hero__list svg { color: var(--mcc-green); flex: none; }

.shp-reasons__body p { color: var(--mcc-body); margin-bottom: 1rem; }
.shp-reasons__body strong { color: var(--mcc-heading); }
.shp-reasons__cards { display: flex; flex-direction: column; gap: 1.3rem; }
.shp-reason {
	display: flex; gap: 1.2rem; align-items: flex-start;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 18px;
	padding: 1.6rem 1.8rem; box-shadow: var(--mcc-shadow-sm);
	transition: transform .16s ease, box-shadow .16s ease;
}
.shp-reason:hover { transform: translateY(-3px); box-shadow: var(--mcc-shadow); }
.shp-reason__num {
	flex: none; width: 52px; height: 52px; border-radius: 15px;
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; font-weight: 900; font-size: 1.05rem;
}
.shp-reason__body h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: .35rem; }
.shp-reason__body p { color: var(--mcc-body); margin: 0; }

.shp-benefit {
	height: 100%; text-align: center;
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 22px;
	padding: 2.4rem 2rem; box-shadow: var(--mcc-shadow-sm);
	transition: transform .18s ease, box-shadow .18s ease;
}
.shp-benefit:hover { transform: translateY(-4px); box-shadow: var(--mcc-shadow); }
.shp-benefit__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 64px; height: 64px; border-radius: 18px; color: #fff; margin-bottom: 1.2rem;
}
.shp-benefit h3 { font-size: 1.35rem; font-weight: 800; margin-bottom: .5rem; }
.shp-benefit p { color: var(--mcc-body); margin: 0; }
.shp-note {
	display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;
	background: #fff; border: 2px dashed var(--mcc-green); border-radius: 18px;
	padding: 1.6rem 2rem; margin-top: 2.5rem;
}
.shp-note p { margin: 0; flex: 1 1 320px; color: var(--mcc-body); }
.shp-note strong { color: var(--mcc-green-dark); }

.shp-models { background: #001d33; color: #fff; overflow: hidden; }
.shp-models__bg { position: absolute; inset: 0; z-index: 0; }
.shp-models__img { width: 100%; height: 100%; object-fit: cover; opacity: .22; }
.shp-models .container { position: relative; z-index: 1; }
.shp-models__lead { color: rgba(255, 255, 255, .82); }
.shp-brand-card {
	height: 100%; background: var(--mcc-light); border-radius: 22px;
	padding: 1.8rem; box-shadow: var(--mcc-shadow);
}
.shp-brand-card__head {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid var(--mcc-border);
}
.shp-brand-card__name {
	display: inline-flex; align-items: center;
	background: var(--mcc-green-dark); color: #fff;
	font-family: var(--font-heading); font-weight: 800; font-size: 1.05rem;
	padding: .5rem 1.4rem; border-radius: 60px;
}
.shp-brand-card__count {
	background: rgba(111, 178, 86, .14); color: var(--mcc-green-dark);
	font-weight: 800; font-size: .85rem; padding: .45rem 1.1rem; border-radius: 60px;
}
.shp-brand-card__models { display: flex; flex-wrap: wrap; gap: .55rem; }
.shp-brand-card__pill {
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 60px;
	padding: .45rem 1rem; font-weight: 700; font-size: .9rem; color: var(--mcc-heading);
}
.shp-models__cta { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2.6rem; }

/* Dismantlers + Stock */
.shp-dis__hl { color: var(--mcc-green-dark); }
.shp-dis__body p { color: var(--mcc-body); margin-bottom: 1rem; }
.shp-stock {
	background: #fff; border: 1px solid var(--mcc-border); border-radius: 24px;
	padding: 2rem; box-shadow: var(--mcc-shadow);
}
.shp-stock__title { font-size: 1.35rem; font-weight: 800; padding-bottom: 1.2rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--mcc-border); }
.shp-stock__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.shp-stock__item {
	display: flex; align-items: center; gap: .9rem;
	background: var(--mcc-light); border: 1px solid var(--mcc-border); border-radius: 14px;
	padding: 1rem 1.2rem; font-weight: 700; color: var(--mcc-heading);
}
.shp-stock__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 11px; flex: none;
	background: rgba(111, 178, 86, .12); color: var(--mcc-green-dark);
}

.shp-eu-card {
	position: relative;
	background: linear-gradient(150deg, var(--mcc-blue-deep) 0%, #163a63 55%, #0f2b52 100%);
	color: #fff; border-radius: 26px; padding: 2.4rem;
	box-shadow: var(--mcc-shadow);
}
.shp-eu-card__flag {
	display: inline-flex; align-items: center; justify-content: center;
	width: 56px; height: 40px; border-radius: 8px; font-size: 1.6rem;
	background: rgba(255, 255, 255, .12); margin-bottom: 1.2rem;
}
.shp-eu-card__pill {
	display: inline-block; margin-bottom: 1rem;
	background: rgba(255, 255, 255, .14); color: #fff;
	font-weight: 800; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
	padding: .5rem 1.2rem; border-radius: 60px;
}
.shp-eu-card__title { color: #fff; font-size: 1.7rem; font-weight: 800; margin-bottom: .7rem; }
.shp-eu-card__text { color: rgba(255, 255, 255, .86); margin-bottom: 1.4rem; }
.shp-eu-card__pills { display: flex; flex-wrap: wrap; gap: .55rem; }
.shp-eu-card__pills span {
	background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); border-radius: 60px;
	padding: .45rem 1.1rem; font-weight: 700; font-size: .9rem; color: #fff;
}
.shp-eu__body p { color: var(--mcc-body); margin-bottom: 1rem; }

.shp-jp { background: #0d1524; color: #fff; overflow: hidden; }
.shp-jp__bg { position: absolute; inset: 0; z-index: 0; }
.shp-jp__img { width: 100%; height: 100%; object-fit: cover; opacity: .28; }
.shp-jp .container { position: relative; z-index: 1; }
.shp-jp__hl { color: #e4474b; display: block; }
.shp-jp__body p { color: rgba(255, 255, 255, .84); margin-bottom: 1rem; }
.shp-jp__cta { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.6rem; }
.shp-jp-card {
	background: #fff; color: var(--mcc-heading); border-radius: 26px;
	padding: 2.2rem; box-shadow: var(--mcc-shadow);
}
.shp-jp-card__flag {
	display: inline-flex; align-items: center; justify-content: center;
	width: 56px; height: 40px; border-radius: 8px; font-size: 1.6rem;
	background: var(--mcc-light); border: 1px solid var(--mcc-border); margin-bottom: 1.2rem;
}
.shp-jp-card__pill {
	display: inline-block; margin-bottom: 1rem;
	background: rgba(228, 71, 75, .12); color: #d6362f;
	font-weight: 800; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
	padding: .5rem 1.2rem; border-radius: 60px;
}
.shp-jp-card__title { font-size: 1.6rem; font-weight: 800; margin-bottom: .3rem; }
.shp-jp-card__sub { color: var(--mcc-body); margin-bottom: 1.4rem; }
.shp-jp-card__list { margin: 0; }
.shp-jp-card__list li { padding: .95rem 0; border-top: 1px solid var(--mcc-border); }
.shp-jp-card__list li:first-child { border-top: 0; padding-top: 0; }
.shp-jp-card__brand { display: block; font-family: var(--font-heading); font-weight: 800; color: var(--mcc-heading); }
.shp-jp-card__models { display: block; color: var(--mcc-body); font-size: .95rem; margin-top: .15rem; }

/* FAQ (accordion) */
.shp-faq__hl { color: var(--mcc-green-dark); }
.shp-faq__text { color: var(--mcc-body); font-size: 1.05rem; margin-bottom: 1.8rem; }
.shp-faq .accordion-item {
	border: 1px solid var(--mcc-border);
	border-radius: var(--mcc-radius) !important;
	margin-bottom: 1rem; overflow: hidden; background: #fff; box-shadow: var(--mcc-shadow-sm);
}
.shp-faq .accordion-button {
	font-family: var(--font-heading); font-weight: 800; font-size: 1.05rem;
	color: var(--mcc-heading); padding: 1.25rem 1.4rem; background: #fff;
}
.shp-faq .accordion-item:has(.accordion-button:not(.collapsed)) { border-color: var(--mcc-green); }
.shp-faq .accordion-button:not(.collapsed) { color: var(--mcc-green-dark); background: rgba(111, 178, 86, .06); box-shadow: none; }
.shp-faq .accordion-button:focus { box-shadow: 0 0 0 3px rgba(111, 178, 86, .18); border-color: var(--mcc-green); }
.shp-faq .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f8e3e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-size: 1.1rem;
}
.shp-faq .accordion-body { color: var(--mcc-body); padding: 0 1.4rem 1.3rem; font-size: .98rem; }

/* Responsive */
@media (max-width: 991.98px) {
	.shp-hero { padding: 3rem 0; }
	.shp-eu-card { margin-bottom: 1rem; }
}
@media (max-width: 575.98px) {
	.shp-stock__grid { grid-template-columns: 1fr; }
	.shp-note { flex-direction: column; align-items: flex-start; }
	.shp-reason { flex-direction: column; }
	.shp-hero__list li { align-items: flex-start; }
}
