.sdc-vehicles { width: 100%; background: #F8FAFC; padding: 70px 0; }
.sdc-vehicles-inner { max-width: 1280px; }
.sdc-vehicle-panels{background: #fff; padding: 22px; border-radius: 24px; }
.sdc-vehicles-head { text-align: center; max-width: 620px; margin: 0 auto 40px; }
.sdc-vehicles-badge { display: inline-block; color: #0075FB; font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.sdc-vehicles-head .sdc-vehicles-heading { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 36px; line-height: 44px; color: #0A121C; margin: 0 0 12px; }
.sdc-vehicles-subtitle { font-family: 'Nunito', sans-serif; font-weight: 400; font-size: 16px; color: #64748B; margin: 0; }

.sdc-vehicle-tabs { display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px; margin-bottom: 48px; }
.sdc-vehicle-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px 12px; cursor: pointer; transition: border-color .2s ease, background .2s ease; font-family: 'Nunito', sans-serif; }
.sdc-vehicle-tab:hover { border-color: #0075FB; }
.sdc-vehicle-tab.is-active { background: #E6F1FF; border-color: #0075FB; }
.sdc-vehicle-tab-icon { max-width: 80px; max-height: 36px; object-fit: contain; }
.sdc-vehicle-tab-label { font-size: 14px; font-weight: 700; color: #64748B; text-align: center; white-space: nowrap; }
.sdc-vehicle-tab.is-active .sdc-vehicle-tab-label { color: #0075FB; }

.sdc-vehicle-panel { display: none; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
.sdc-vehicle-panel.is-active { display: grid; }

.sdc-vehicle-eyebrow { display: block; color: #0075FB; font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.sdc-vehicle-info .sdc-vehicle-heading { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 40px; line-height: 1.15; color: #0F172A; text-transform: uppercase; margin: 0 0 16px; }
.sdc-vehicle-desc { font-family: 'Nunito', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #64748B; margin: 0 0 28px; max-width: 480px; }

.sdc-vehicle-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }
.sdc-vehicle-stat { border: 1px solid #E2E8F0; border-radius: 16px; padding: 16px; }
.sdc-vehicle-stat-icon { display: block; color: #0075FB; margin-bottom: 10px; }
.sdc-vehicle-stat-icon svg { width: 20px; height: 20px; }
.sdc-vehicle-stat-label { display: block; font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; color: #94A3B8; margin-bottom: 4px; }
.sdc-vehicle-stat-value { display: block; font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 16px; color: #0F172A; }

.sdc-vehicle-features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.sdc-vehicle-feature { display: flex; align-items: center; gap: 10px; font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 14px; color: #0F172A; }
.sdc-vehicle-feature svg { flex-shrink: 0; }

.sdc-vehicle-photo { display: flex; align-items: center; justify-content: center; }
.sdc-vehicle-photo img { max-width: 100%; height: auto; }

/* Below 1024px: tabs become a horizontal-scroll strip instead of wrapping/shrinking */
@media (max-width: 1024px) {
	.sdc-vehicle-tabs {
		display: flex;
		grid-template-columns: none;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		gap: 12px;
		padding-bottom: 8px;
	}
	.sdc-vehicle-tabs::-webkit-scrollbar { display: none; }

	.sdc-vehicle-tab {
		flex: 0 0 auto;
		width: 130px;
		scroll-snap-align: start;
	}

	.sdc-vehicle-panel { grid-template-columns: 1fr; gap: 32px; }
	.sdc-vehicle-photo { order: -1; }
}

@media (max-width: 600px) {
	.sdc-vehicle-tab { width: 108px; padding: 16px 10px; }
	.sdc-vehicle-info .sdc-vehicle-heading { font-size: 28px; }
	.sdc-vehicle-stats { grid-template-columns: 1fr; }
         .sdc-vehicle-tab-label{font-size:9px}
}