.itc-category {
	color: var(--itc-text);
	font-family: var(--wp--preset--font-family--manrope), sans-serif;
}

.itc-category__container {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--itc-container);
	padding-inline: var(--itc-space-6);
}

.itc-category__hero {
	border-bottom: 1px solid var(--itc-border);
	padding-block: clamp(64px, 8vw, 96px) clamp(48px, 6vw, 72px);
}

.itc-category__hero .itc-category__container,
.itc-category__actions .itc-category__container { max-width: 920px; }
.itc-category__eyebrow { color: var(--itc-muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; margin: 0 0 var(--itc-space-4); text-transform: uppercase; }
.itc-category h1, .itc-category h2, .itc-category h3 { color: var(--itc-text); font-family: inherit; }
.itc-category h1 { font-size: clamp(38px, 5vw, 64px); letter-spacing: -.04em; line-height: 1.06; margin: 0; max-width: 900px; }
.itc-category__intro { color: var(--itc-muted); font-size: clamp(17px, 2vw, 20px); line-height: 1.65; margin-top: var(--itc-space-6); max-width: 720px; }
.itc-category__intro p { margin: 0; }
.itc-category__count { color: var(--itc-primary); font-size: 13px; font-weight: 800; margin: var(--itc-space-5) 0 0; }

.itc-category__section,
.itc-category__guidance,
.itc-category__actions { padding-block: clamp(56px, 7vw, 88px); }
.itc-category h2 { font-size: clamp(28px, 3.2vw, 44px); letter-spacing: -.035em; line-height: 1.14; margin: 0 0 var(--itc-space-10); max-width: 760px; }

.itc-category__product-list { border-top: 1px solid var(--itc-border); }
.itc-category__product { border-bottom: 1px solid var(--itc-border); display: grid; gap: clamp(24px, 4vw, 56px); grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr); padding-block: clamp(28px, 4vw, 52px); }
.itc-category__product-image { align-self: start; background: var(--itc-surface-subtle); display: block; overflow: hidden; }
.itc-category__product-image img { display: block; height: auto; max-height: 400px; object-fit: contain; transition: transform var(--itc-transition); width: 100%; }
.itc-category__product-image:hover img { transform: scale(1.02); }
.itc-category__product-copy { align-self: center; }
.itc-category__product h3 { font-size: clamp(26px, 3vw, 38px); letter-spacing: -.035em; line-height: 1.15; margin: 0; }
.itc-category__product h3 a { color: inherit; text-decoration: none; }
.itc-category__product-summary { color: var(--itc-muted); line-height: 1.65; margin: var(--itc-space-5) 0; max-width: 620px; }
.itc-category__product-meta { display: grid; gap: var(--itc-space-2); margin: 0 0 var(--itc-space-5); }
.itc-category__product-meta div { display: grid; gap: var(--itc-space-4); grid-template-columns: 92px minmax(0, 1fr); }
.itc-category__product-meta dt { color: var(--itc-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.itc-category__product-meta dd { font-size: 14px; margin: 0; }
.itc-category__product-link { color: var(--itc-primary); font-size: 14px; font-weight: 800; text-decoration: none; }
.itc-category__product-link:hover { color: var(--itc-accent); }
.itc-category__empty { border-top: 1px solid var(--itc-border); color: var(--itc-muted); margin: 0; padding-top: var(--itc-space-6); }

.itc-category__relationships { background: var(--itc-surface-subtle); }
.itc-category__relationship-grid,
.itc-category__context-grid { display: grid; gap: var(--itc-space-8); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.itc-category__relationship-group,
.itc-category__context-grid > div { border-top: 2px solid var(--itc-primary); padding-top: var(--itc-space-5); }
.itc-category__relationship-group h3,
.itc-category__context h3 { font-size: 15px; margin: 0 0 var(--itc-space-4); }
.itc-category__relationship-group ul,
.itc-category__context ul { display: flex; flex-wrap: wrap; gap: var(--itc-space-2) var(--itc-space-5); list-style: none; margin: 0; padding: 0; }
.itc-category__relationship-group a,
.itc-category__context a { color: var(--itc-primary); font-size: 15px; font-weight: 700; text-decoration: none; }
.itc-category__relationship-group a:hover,
.itc-category__context a:hover { color: var(--itc-accent); }

.itc-category__guidance { background: var(--itc-surface-subtle); }
.itc-category__guidance-grid { display: grid; gap: var(--itc-space-12); grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.itc-category__guidance h2 { margin-bottom: var(--itc-space-5); }
.itc-category__guidance p:not(.itc-category__eyebrow),
.itc-category__context > .itc-category__container > p,
.itc-category__actions p { color: var(--itc-muted); line-height: 1.65; max-width: 680px; }
.itc-category__guidance ul { columns: 2; column-gap: var(--itc-space-8); list-style: none; margin: 0; padding: 0; }
.itc-category__guidance li { break-inside: avoid; border-top: 1px solid var(--itc-border); font-size: 15px; font-weight: 650; padding-block: var(--itc-space-4); }

.itc-category__context > .itc-category__container > p { margin: calc(-1 * var(--itc-space-6)) 0 var(--itc-space-8); }
.itc-category__actions { background: var(--itc-surface-subtle); border-top: 1px solid var(--itc-border); }
.itc-category__actions h2 { margin-bottom: var(--itc-space-5); }
.itc-category__actions p { margin: 0 0 var(--itc-space-6); }
.itc-category__buttons { display: flex; flex-wrap: wrap; gap: var(--itc-space-3); }
.itc-category__buttons .itc-btn { display: inline-flex; text-decoration: none; white-space: nowrap; }
.itc-category__buttons .itc-btn--primary { background: var(--itc-primary); color: var(--itc-surface); }
.itc-category__buttons .itc-btn--primary:hover { background: var(--itc-accent); }
.itc-category__secondary { border-color: var(--itc-border); color: var(--itc-primary); }
.itc-category__secondary:hover { border-color: var(--itc-primary); }

@media (max-width: 900px) {
	.itc-category__guidance-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	.itc-category__container { padding-inline: 20px; }
	.itc-category__product,
	.itc-category__relationship-grid,
	.itc-category__context-grid,
	.itc-category__guidance-grid { grid-template-columns: 1fr; }
	.itc-category__product-image { max-width: 520px; }
	.itc-category__guidance ul { columns: 1; }
	.itc-category__buttons { align-items: stretch; flex-direction: column; }
	.itc-category__buttons .itc-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.itc-category *, .itc-category *::before, .itc-category *::after { transition-duration: 0ms !important; }
}