@charset "utf-8";
/* CSS Document */
.content {
	overflow:hidden;
	padding:50px 5%;
}
.produk_intro {
	width:100%;
	h2 { font-weight:900; padding:0px; margin:0px 0px 30px 0px; line-height:0px; }
		h2:before { content:"--------- ";}
		h2:after { content:" ---------"; }
}
.intro-luar {
	display:grid;
	gap: 35px; /* Space between grid items */
	grid-template-columns: repeat(3, 1fr);
}
.bungkus_detail {
	text-align:center;
	}
.bungkus_gambar {
	img { width:250px; border:1px solid #F0F0EE; padding:5px; object-fit:cover;}
}
.kanan_isi {
	h3 { text-transform:uppercase; padding:0px; margin:0px;}
	h4 { text-align:right; }
	p { text-align:justify;}
	td p { margin:3px 0px; padding:0px;}
}
.bungkus-barang {
	text-decoration:none;
	transition: all 0.4s ease;
	img {
		width:100%;
		height:150px;
		object-fit: contain;
		margin-bottom:5%;
		transition: object-fit 0.4s ease;
	}
	h4 { padding:0px; margin:0px 0px 5px 0px; text-align:center;}
	border-radius:15px;
	padding:5%;
	border:1px solid #F0F0EE;
	p { text-align:justify; }
	td p { margin:3px 0px; padding:0px;}
}
.bungkus-barang:hover {
	box-shadow:0px 0px 15px #C5B0CD;
	border-color:white;
	img {
		object-fit:cover;		
	}
}
.halaman {
	margin-top:35px;
	text-align:center;
	a {
		text-decoration:none;
		
	}
	.nonaktif {
		background:#17313E;
		color:white;
		font-weight:700;
		padding:10px 15px;
		box-shadow:0px 0px 5px black;
		position:relative;
		cursor:none;
	}
	.aktif {
		background:#F3E2D4;
		padding:5px 10px;
		border:1px solid #F0F0EE;
	}
	.aktif:hover {
		background:#415E72;
		color:#F3E2D4;
	}
}
.cover-koneksi {
	display:flex;
	justify-content: space-evenly;
	flex-warp: wrap;
	gap:20px;
}
.isi-koneksi {
	border:1px solid #F0F0EE;
	width:150px;
	text-decoration:none;
	border-radius:5px;
	padding:5px;
	img {
		width:100%;
		height:100px;
		object-fit:contain;
		alignment-baseline:central;
	}
	p {
		text-align:center;
	}
}
.isi-koneksi:hover {
	box-shadow:0px 0px 15px #C5B0CD;
}