/*
 * Śląskie Studio - shared factual pricing.
 * Flat typography and spacing only: no cards, borders, icons or decoration.
 */

.pricing6 {
	--pricing6-ink: var(--sv5-ink, var(--c6-ink, #0b0b0b));
	--pricing6-bone: var(--sv5-bone, var(--c6-bone, #f1eee7));
	--pricing6-white: var(--sv5-white, var(--c6-white, #fff));
	--pricing6-red: var(--sv5-red, var(--c6-red, #ef3e2f));
	--pricing6-red-dark: var(--c6-red-dark, #b92720);
	--pricing6-display: var(--sv5-display, var(--c6-display, "Syne Local", "Arial Black", sans-serif));
	--pricing6-sans: var(--sv5-sans, var(--c6-sans, "DM Sans Local", sans-serif));
	padding-block: clamp(5.5rem, 8vw, 8rem);
	background: var(--pricing6-white);
	color: var(--pricing6-ink);
	font-family: var(--pricing6-sans);
}

.pricing6--bone {
	background: var(--pricing6-bone);
}

.pricing6--red {
	background: var(--pricing6-red);
}

.pricing6-shell {
	width: min(calc(100% - (2 * var(--page-pad, clamp(1.25rem, 4vw, 4.5rem)))), var(--content-max, 96rem));
	margin-inline: auto;
}

.pricing6 :where(h2, p, dl, dd) {
	margin-top: 0;
}

.pricing6 :where(h2, dt, a, strong, p) {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.pricing6-heading {
	display: grid;
	grid-template-columns: minmax(9rem, .36fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(2.5rem, 7vw, 8rem);
	margin-bottom: clamp(4rem, 6vw, 6rem);
}

.pricing6-heading > * {
	min-width: 0;
}

.pricing6-label {
	margin-bottom: 0;
	color: var(--pricing6-red-dark);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.4;
	text-transform: uppercase;
}

.pricing6--red .pricing6-label {
	color: var(--pricing6-ink);
}

.pricing6-heading h2 {
	max-width: 18ch;
	margin-bottom: 0;
	font-family: var(--pricing6-display);
	font-size: clamp(2.8rem, 4.25vw, 3.75rem);
	font-weight: 800;
	letter-spacing: -.058em;
	line-height: .94;
	text-wrap: balance;
}

.pricing6-heading > div > p {
	max-width: 48rem;
	margin: 1.5rem 0 0;
	color: #5a5651;
	font-size: clamp(1rem, 1.2vw, 1.12rem);
	line-height: 1.65;
}

.pricing6--red .pricing6-heading > div > p {
	color: var(--pricing6-ink);
}

.pricing6-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(3.5rem, 6vw, 6rem) clamp(3rem, 8vw, 9rem);
	margin: 0;
}

.pricing6--compact .pricing6-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing6--single .pricing6-list {
	grid-template-columns: minmax(0, 1fr);
}

.pricing6--single .pricing6-item {
	max-width: 46rem;
}

.pricing6-item {
	min-width: 0;
}

.pricing6-item dt {
	max-width: 24ch;
	margin: 0;
	font-family: var(--pricing6-display);
	font-size: clamp(1.55rem, 2.2vw, 2.05rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
}

.pricing6-item dt a {
	color: inherit;
	text-decoration: none;
}

.pricing6-item dt a:hover,
.pricing6-item dt a:focus-visible {
	color: var(--pricing6-red-dark);
}

.pricing6--red .pricing6-item dt a:hover,
.pricing6--red .pricing6-item dt a:focus-visible {
	color: var(--pricing6-bone);
}

.pricing6-item dd {
	margin: 1.35rem 0 0;
}

.pricing6-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .3rem .65rem;
	margin-bottom: 0;
}

.pricing6-price > span:first-child {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.pricing6-price strong {
	font-family: var(--pricing6-display);
	font-size: clamp(2.35rem, 4vw, 3.8rem);
	font-weight: 800;
	letter-spacing: -.065em;
	line-height: .92;
	white-space: nowrap;
}

.pricing6-price > span:last-child {
	font-size: .77rem;
	font-weight: 700;
	letter-spacing: .04em;
	white-space: nowrap;
}

.pricing6-description {
	max-width: 36rem;
	margin: 1.1rem 0 0;
	color: #5a5651;
	font-size: 1rem;
	line-height: 1.6;
}

.pricing6--red .pricing6-description {
	color: var(--pricing6-ink);
}

.pricing6-note {
	max-width: 54rem;
	margin: clamp(4rem, 6vw, 6rem) 0 0;
	color: #5a5651;
	font-size: .86rem;
	line-height: 1.6;
}

.pricing6--red .pricing6-note {
	color: var(--pricing6-ink);
}

@media (max-width: 64rem) {
	.pricing6-heading {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}

	.pricing6-list,
	.pricing6--compact .pricing6-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 47.5rem) {
	.pricing6 {
		padding-block: 4.75rem;
	}

	.pricing6-heading h2 {
		max-width: 100%;
		font-size: clamp(1.65rem, 8vw, 2.5rem);
	}

	.pricing6-list {
		gap: 3.5rem;
	}

	.pricing6-item dt {
		font-size: clamp(1.45rem, 7vw, 1.9rem);
	}

	.pricing6-price strong {
		font-size: clamp(2.25rem, 12vw, 3.2rem);
	}

	.pricing6-note {
		margin-top: 4rem;
	}
}

@media (max-width: 22rem) {
	.pricing6-item dt {
		font-size: 1.28rem;
	}
}