/* ======================================================
   HALAMAN STATIS (page/{slug}) — tampilan modern & minimalis
   Dipakai untuk semua halaman informasi: Cara Belanja,
   Kebijakan Pengiriman, Kebijakan Privasi, Syarat Ketentuan
   Layanan, Metode Pembayaran, Company Profile, dll.
   Di-scope ke .page-modern.
   ====================================================== */
.page-modern, .page-modern *{ box-sizing:border-box; }
.page-modern{ color:#111; }

/* ---------- Breadcrumb ---------- */
.page-modern .bread-crumb{
	padding:18px 0 0 !important;
	margin-bottom:26px !important;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.5px;
	color:#999;
}
.page-modern .bread-crumb a{
	color:#666 !important;
	background:none !important;
	-webkit-text-fill-color:#666 !important;
	font-weight:600;
}
.page-modern .bread-crumb a:hover{ color:#111 !important; -webkit-text-fill-color:#111 !important; }
.page-modern .bread-crumb i{ font-size:10px; color:#ccc; margin:0 8px !important; }
.page-modern .bread-crumb .stext-109{ color:#111; font-weight:600; }

/* ---------- Judul halaman ---------- */
.page-modern .m-b-40.text-center{
	text-align:left !important;
	margin-bottom:26px !important;
}
.page-modern h1{
	font-size:24px !important;
	font-weight:700 !important;
	color:#111 !important;
	background:none !important;
	-webkit-text-fill-color:#111 !important;
	text-align:left;
}

/* ---------- Panel konten ---------- */
.page-modern .page-content{
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	padding:34px 36px;
	font-size:14px;
	line-height:1.85;
	color:#333;
	margin-bottom:60px !important;
}
.page-modern .page-content h1,
.page-modern .page-content h2,
.page-modern .page-content h3,
.page-modern .page-content h4{
	color:#111;
	font-weight:700;
	line-height:1.35;
	margin:28px 0 12px;
}
.page-modern .page-content h1:first-child,
.page-modern .page-content h2:first-child,
.page-modern .page-content h3:first-child{ margin-top:0; }
.page-modern .page-content h1{ font-size:22px; }
.page-modern .page-content h2{ font-size:18px; }
.page-modern .page-content h3{ font-size:15px; text-transform:uppercase; letter-spacing:.4px; }
.page-modern .page-content p{ margin-bottom:14px; color:#444; }
.page-modern .page-content b,
.page-modern .page-content strong{ color:#111; font-weight:700; }
.page-modern .page-content a{
	color:#111 !important;
	background:none !important;
	-webkit-text-fill-color:#111 !important;
	text-decoration:underline;
	text-underline-offset:2px;
	font-weight:600;
}
.page-modern .page-content a:hover{ opacity:.7; }
.page-modern .page-content ul,
.page-modern .page-content ol{
	margin:0 0 16px;
	padding-left:22px;
}
.page-modern .page-content ul{ list-style:disc; }
.page-modern .page-content li{ margin-bottom:8px; color:#444; }
.page-modern .page-content img{ max-width:100%; border-radius:2px; margin:14px 0; }
.page-modern .page-content hr{ border:none; border-top:1px solid #eee; margin:24px 0; }
.page-modern .page-content table{ width:100%; border-collapse:collapse; margin-bottom:16px; }
.page-modern .page-content table td,
.page-modern .page-content table th{ border:1px solid #eee; padding:8px 12px; font-size:13px; }

/* ---------- Logo pembayaran (mis. halaman Metode Pembayaran) ---------- */
.page-modern .page-content img[src*="/cdn/"]{
	display:inline-block;
	max-height:44px;
	width:auto;
	margin:6px 18px 6px 0;
	border-radius:0;
}

@media (max-width:767px){
	.page-modern .page-content{ padding:24px 20px; }
	.page-modern h1{ font-size:20px !important; }
}