/* ============================================================
   Testimonial Cards Block — build 1
   ============================================================ */

.SDblock.testimonial-cards {
	padding-top:    clamp(40px, 6vw, 100px);
	padding-bottom: clamp(40px, 6vw, 100px);
}

/* ── Title ─────────────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-title {
	text-align:    center;
	margin-top:    0;
	margin-bottom: clamp(2rem, 5vw, 4rem);
}

.SDblock.testimonial-cards .tc-title h1,
.SDblock.testimonial-cards .tc-title h2,
.SDblock.testimonial-cards .tc-title h3,
.SDblock.testimonial-cards .tc-title h4,
.SDblock.testimonial-cards .tc-title h5,
.SDblock.testimonial-cards .tc-title h6,
.SDblock.testimonial-cards .tc-title p {
	margin-top:    0;
	margin-bottom: 0;
	font-family:   var(--tc-title-font, inherit);
	color:         var(--tc-title-color, inherit);
}

/* ── Grid ────────────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-grid {
	display:               grid;
	grid-template-columns: repeat(var(--tc-cols-d, 3), 1fr);
	gap:                   clamp(1.5rem, 3vw, 2.5rem);
	max-width:             var(--maxWidth);
	margin-left:           auto;
	margin-right:          auto;
	padding-left:          var(--sideSpace, 1.5rem);
	padding-right:         var(--sideSpace, 1.5rem);
}

@media (max-width: 1024px) {
	.SDblock.testimonial-cards .tc-grid {
		grid-template-columns: repeat(var(--tc-cols-t, 2), 1fr);
	}
}

@media (max-width: 600px) {
	.SDblock.testimonial-cards .tc-grid {
		grid-template-columns: repeat(var(--tc-cols-m, 1), 1fr);
	}
}

/* ── Card ────────────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-card {
	display:        flex;
	flex-direction: column;
	gap:            0.75rem;
}

/* ── Photo ───────────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-photo-wrap {
	width:      6rem;
	height:     6rem;
	flex-shrink: 0;
}

.SDblock.testimonial-cards .tc-photo,
.SDblock.testimonial-cards .tc-photo-placeholder {
	width:         100%;
	height:        100%;
	border-radius: 50%;
	display:       block;
}

.SDblock.testimonial-cards .tc-photo {
	object-fit: cover;
}

.SDblock.testimonial-cards .tc-photo-placeholder {
	background-color: #999;
}

/* ── Quote ───────────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-quote {
	margin:      0;
	padding:     0;
	border:      none;
	font-size:   clamp(0.9rem, 1.4vw, 1rem);
	line-height: 1.6;
	flex:        1;
}

/* ── Attribution ─────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-attribution {
	display:        flex;
	flex-direction: column;
	gap:            0.1em;
}

.SDblock.testimonial-cards .tc-name {
	font-weight: 700;
	font-size:   0.875rem;
	line-height: 1.3;
}

.SDblock.testimonial-cards .tc-company {
	font-size:      0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity:        0.7;
}

/* ── More button ─────────────────────────────────────────── */

.SDblock.testimonial-cards .tc-more-wrap {
	text-align: center;
	margin-top: clamp(2rem, 4vw, 3rem);
}

.SDblock.testimonial-cards .tc-more-wrap .button {
	margin-left:   auto;
	margin-right:  auto;
	padding-left:  1.5rem;
	padding-right: 1.5rem;
}