/* KB Recommendations — inline strips (PDP + cart).
   Strip layout ONLY — the component contract (cards, buttons, rail controls,
   tokens, focus) lives in kb-recs-shared.css, enqueued alongside (review M11).
   All scoped under .kb-recs-*. */

.kb-recs-strips { margin: 24px 0 8px; clear: both; }

/* h2 section heads — reset the theme's heading styles inside our scope (U09). */
.kb-recs-strips h2.kb-recs-sec-t {
	font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--kb-ink);
	margin: 16px 0 2px; padding: 0; display: flex; align-items: center; gap: 8px;
	text-transform: none; letter-spacing: normal;
}
.kb-recs-strips .kb-recs-sec-s { font-size: 13px; color: var(--kb-sub); margin: 0 0 10px; }

/* Strip rail cards. */
.kb-recs-strips .kb-recs-card { min-width: 170px; max-width: 170px; }
@media (min-width: 768px) {
	.kb-recs-strips .kb-recs-card { min-width: 200px; max-width: 200px; }
}