/* Karty specyfikacji (Morelo) – tylko kontenery (karty) czarne, ukośne dół */

.spec-cards {
	--spec-cards-cut: 48px;
	max-width: 1092px;
	margin: 0 auto;
	padding: 70px 20px 80px;
	box-sizing: border-box;
	color: #0b0f19;
}

/* Padding góra – osobno */
.spec-cards--pad-top-normal { padding-top: 70px; }
.spec-cards--pad-top-small { padding-top: 40px; }
.spec-cards--pad-top-none { padding-top: 0; }

/* Padding dół – osobno */
.spec-cards--pad-bottom-normal { padding-bottom: 80px; }
.spec-cards--pad-bottom-small { padding-bottom: 48px; }
.spec-cards--pad-bottom-none { padding-bottom: 0; }

.spec-cards-head {
	margin-bottom: 36px;
}

.spec-cards-kicker {
	margin: 0 0 14px 0;
	letter-spacing: 2.6px;
	font-weight: 500;
	color: rgba(11, 15, 25, 0.75);
	text-transform: uppercase;
	font-size: 1.05rem;
}

.spec-cards-title {
	margin: 0;
	font-size: clamp(2.1rem, 3.6vw, 3.5rem);
	line-height: 1.06;
	font-weight: 900;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #0b0f19;
}

.spec-cards-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	align-items: stretch;
}


/* Pojedyncza karta: ciemne tło, biały tekst, ukośna dolna krawędź */
.spec-card {
	background: #0b0f19;
	color: #fff;
	position: relative;
	/* Ukośne wycięcie do środka: lewa karta – od lewego dolnego rogu w górę w prawo; prawa – od prawego w górę w lewo */
}

/* Ten sam kształt dla obu kart: ukośne wycięcie do środka na dole */
.spec-card--left,
.spec-card--right {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100% calc(100% - var(--spec-cards-cut)), 50% 100%, 0 calc(100% - var(--spec-cards-cut)), 0 100%);
}

.spec-card-inner {
	padding: 44px 40px calc(32px + var(--spec-cards-cut));
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.spec-card-title {
	margin: 0 0 10px 0;
	font-size: clamp(1.15rem, 2vw, 1.4rem);
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #fff;
}

.spec-card-price {
	margin: 0 0 24px 0;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.9);
}

.spec-card-specs {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.spec-card-group {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.spec-card-group-icon {
	flex-shrink: 0;
	color: rgba(255, 255, 255, 0.9);
	line-height: 0;
}

.spec-card-group-content {
	flex: 1;
	min-width: 0;
}

.spec-card-line {
	margin: 0 0 6px 0;
	font-size: 1.2rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.95);
}

.spec-card-line:last-child {
	margin-bottom: 0;
}

@media (max-width: 700px) {
	.spec-cards {
		padding: 50px 20px 60px;
	}

	.spec-cards-grid {
		grid-template-columns: 1fr;
	}

	.spec-cards--pad-top-small { padding-top: 32px; }
	.spec-cards--pad-bottom-small { padding-bottom: 40px; }

	.spec-card-inner {
		padding: 36px 28px calc(28px + var(--spec-cards-cut));
	}
}