.kct-table-region {
	--kct-border: #dedede;
	--kct-divider: #e7e7e7;
	--kct-header: #f2f2f2;
	--kct-zebra: #fafafa;
	--kct-hover: #f3f3f3;
	position: relative;
	max-width: 100%;
	margin: 24px 0;
	overflow-x: auto;
	background: #fff;
	border: 1px solid var(--kct-border);
	border-radius: 8px;
	-webkit-overflow-scrolling: touch;
}

.kct-table-region:focus {
	outline: none;
}

.kct-table-region:focus-visible {
	outline: 3px solid #1f6feb;
	outline-offset: 3px;
}

.kct-table-region .kct-table {
	display: table;
	table-layout: auto;
	width: 100%;
	min-width: 100%;
	margin: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: separate;
	background: #fff;
	color: #222;
	font-family: Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

.kct-table-region .kct-table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.kct-table-region .kct-table th,
.kct-table-region .kct-table td {
	padding: 13px clamp(8px, 1vw, 15px);
	vertical-align: middle !important;
	text-align: left !important;
	white-space: normal;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	border: 0;
	border-bottom: 1px solid var(--kct-divider);
}

.kct-table-region .kct-table thead th {
	position: relative;
	z-index: 1;
	background: var(--kct-header);
	font-weight: 700;
	line-height: 1.25;
}

.kct-table-region .kct-table tbody tr.kct-table__row--zebra > * {
	background: var(--kct-zebra) !important;
}

.kct-table-region .kct-table tbody tr:hover > * {
	background: var(--kct-hover) !important;
}

.kct-table-region .kct-table tbody tr:last-child > * {
	border-bottom: 0;
}

.kct-table-region .kct-table__cell--sku,
.kct-table-region .kct-table__cell--price,
.kct-table-region .kct-table__cell--number {
	font-variant-numeric: tabular-nums lining-nums;
}

.kct-table-region .kct-table tbody .kct-table__cell--sku,
.kct-table-region .kct-table tbody .kct-table__cell--price,
.kct-table-region .kct-table tbody .kct-table__cell--number {
	white-space: nowrap;
	overflow-wrap: normal;
}

.kct-table-region .kct-table tbody .kct-table__cell--sku {
	font-weight: 650;
}

.kct-table-region .kct-color {
	display: inline-flex;
	justify-content: flex-start !important;
	gap: 8px;
	align-items: center;
	width: auto;
	max-width: 100%;
	margin-inline: 0 !important;
	text-align: left !important;
	white-space: normal;
}

.kct-color__swatch {
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 50%;
}

.kct-color__swatch--charcoal,
.kct-color__swatch--black {
	background: #252525;
}

.kct-color__swatch--white-sand {
	background: #d8cdbd;
}

.kct-color__swatch--white {
	background: #fff;
}

.kct-color__swatch--grey,
.kct-color__swatch--gray {
	background: #8c8c8c;
}

.kct-color__swatch--dark-grey,
.kct-color__swatch--dark-gray {
	background: #565656;
}

.kct-color__swatch--galvanized {
	background: #b8bec2;
}

.kct-color__swatch--primer {
	background: #d5d1c6;
	border-style: dashed;
}

.kct-color__swatch--gold {
	background: #c7a14a;
}

.kct-color__swatch--bronze {
	background: #806044;
}

.kct-color__swatch--chrome {
	background: #d5dbe0;
}

.kct-color__swatch--silver {
	background: linear-gradient(135deg, #eef1f3 0%, #b8bec3 52%, #f7f8f9 100%);
}

.kct-color__swatch--unknown {
	background:
		linear-gradient(
			135deg,
			#fff 0,
			#fff 42%,
			#c7c7c7 43%,
			#c7c7c7 57%,
			#fff 58%,
			#fff 100%
		);
}

.kct-color__swatch--ash-green {
	background: #68745f;
}

.kct-color__swatch--deep-graphite {
	background: #4b4d4f;
}

.kct-color__swatch--terracotta {
	background: #b55b3d;
}

.kct-color__swatch--cloud-grey {
	background: #b7bbc0;
}

.kct-color__swatch--unpainted {
	background: linear-gradient(135deg, #d9dcdd 0%, #aeb4b7 48%, #eef0f1 100%);
}

.kct-color__swatch--black-white {
	background: linear-gradient(90deg, #252525 0 50%, #fff 50% 100%);
}

.kct-table__not-confirmed {
	color: #707070;
}

.kct-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.kct-shortcode-placement {
	box-sizing: border-box;
	width: calc(100% - 40px);
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
}

.kct-shortcode-placement .kct-placement-title {
	padding: 0;
	margin: 0;
	color: #292726 !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 30px !important;
	letter-spacing: normal;
	text-align: left !important;
	text-transform: uppercase !important;
}

.kct-admin .card {
	max-width: none;
}

.kct-admin__facts {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	gap: 6px 18px;
}

.kct-admin__facts dt {
	font-weight: 600;
}

.kct-admin__facts dd {
	margin: 0;
}

.kct-admin .kct-inline-form {
	display: inline-block;
	margin-left: 10px;
}

.kct-admin .kct-inline-form p.submit {
	display: inline-block;
	margin: 0;
	padding: 0;
}

@media (max-width: 767px) {
	.kct-shortcode-placement {
		width: calc(100% - 24px);
	}

	.kct-table-region {
		margin: 18px 0;
	}

	.kct-table-region .kct-table {
		width: max-content;
		min-width: 100%;
	}

	.kct-table-region .kct-table th,
	.kct-table-region .kct-table td {
		min-width: 110px;
		padding: 12px 13px;
		white-space: nowrap;
		overflow-wrap: normal;
	}

	.kct-table-region .kct-color {
		white-space: nowrap;
	}
}

@media (forced-colors: active) {
	.kct-color__swatch {
		forced-color-adjust: none;
	}
}
