/* Pilar produk — hero dua kolom dengan pratinjau tipe, dan tabel banding. */

.rwk-tipe-pillar-produk .rwk-hero__media {
	position: relative;
}

.rwk-tipe-pillar-produk .rwk-hero__media::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 40%;
	background: linear-gradient(to top, rgba(20, 24, 28, .45), transparent);
	pointer-events: none;
}

.rwk-banding {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--rwk-t-kecil);
}

.rwk-banding th,
.rwk-banding td {
	text-align: left;
	padding: .85rem 1rem;
	border-bottom: 1px solid var(--rwk-line);
	vertical-align: top;
}

.rwk-banding th {
	font-weight: 600;
	background: var(--rwk-mist);
	white-space: nowrap;
}

.rwk-banding td.rwk-banding__angka {
	font-family: var(--rwk-font-data);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.rwk-banding__gulir {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}