.hpc-produk{width:100%;max-width:100%;flex:1 1 100%;min-width:0;--hpc-navy:#032A51;--hpc-merah:#A41E22;--hpc-krem:#F5F4EF;--hpc-emas:#FFD700;--hpc-putih:#FFFFFF;--hpc-garis:#DFDDD5;--hpc-garis-2:#EBE9E2;--hpc-abu:#5B6673;--hpc-abu-2:#8A93A0;--hpc-r:3px;--hpc-lebar:1300px;padding-top:75px;background:var(--hpc-krem);color:var(--hpc-navy);font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}.hpc-produk *,.hpc-produk *::before,.hpc-produk *::after{box-sizing:border-box}.hpc-produk a{text-decoration:none}.hpc-produk img{max-width:100%;height:auto}.hpc-rangka{width:100%;max-width:var(--hpc-lebar);margin:0 auto;padding-left:24px;padding-right:24px}.hpc-remah{padding-top:44px;font-size:13px;color:var(--hpc-abu)}.hpc-remah a{color:var(--hpc-abu)}.hpc-remah a:hover{color:var(--hpc-merah)}.hpc-remah span{margin:0 7px;color:var(--hpc-abu-2)}.hpc-utama{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:start;padding-top:26px;padding-bottom:64px}.hpc-kolom-kiri{min-width:0}.hpc-hero{padding-bottom:34px}.hpc-mata{display:inline-block;margin-bottom:14px;padding:5px 11px;border-radius:var(--hpc-r);background:var(--hpc-merah);color:#FFF;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hpc-produk .hpc-hero h1{margin:0;font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--hpc-navy)}.hpc-ringkas{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--hpc-abu);max-width:62ch}.hpc-fakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:30px 0 0;background:var(--hpc-garis);border:1px solid var(--hpc-garis);border-radius:var(--hpc-r);overflow:hidden}.hpc-fakta div{background:var(--hpc-putih);padding:15px 17px}.hpc-fakta dt{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--hpc-abu-2)}.hpc-fakta dd{margin:5px 0 0;font-size:15px;font-weight:600}.hpc-beli{position:sticky;top:20px;background:var(--hpc-putih);border:1px solid var(--hpc-garis);border-top:3px solid var(--hpc-merah);border-radius:var(--hpc-r);overflow:hidden}.hpc-produk .hpc-beli-gambar{display:block;width:100%;height:170px;object-fit:cover;background:var(--hpc-navy)}.hpc-beli-badan{padding:22px}.hpc-beli-label{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--hpc-abu-2)}.hpc-beli-harga{display:flex;align-items:baseline;gap:11px;margin-top:6px;flex-wrap:wrap}.hpc-beli-harga b{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.hpc-beli-coret{font-size:16px;color:var(--hpc-abu-2);text-decoration:line-through}.hpc-beli-hemat{display:inline-block;margin-top:9px;padding:3px 9px;border-radius:var(--hpc-r);background:#FFF4D6;color:#8A6A00;font-size:12px;font-weight:700}.hpc-produk .hpc-tombol{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:18px;padding:14px 20px;border:2px solid var(--hpc-merah);border-radius:var(--hpc-r);background:var(--hpc-merah);color:#FFF;font-size:15.5px;font-weight:600;line-height:1.2;text-align:center}.hpc-produk .hpc-tombol:hover{background:var(--hpc-navy);border-color:var(--hpc-navy);color:#FFF}.hpc-produk .hpc-tombol--garis{margin-top:10px;background:#fff0;color:var(--hpc-navy);border-color:var(--hpc-navy)}.hpc-produk .hpc-tombol--garis:hover{background:var(--hpc-navy);color:#FFF}.hpc-produk .hpc-tombol--mati{background:var(--hpc-krem);border-color:var(--hpc-garis);color:var(--hpc-abu);cursor:default}.hpc-beli-rinci{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--hpc-garis-2);display:flex;flex-direction:column;gap:11px;font-size:13.5px;color:var(--hpc-abu)}.hpc-beli-rinci li{display:flex;gap:10px;align-items:flex-start;margin:0}.hpc-beli-rinci svg{flex-shrink:0;margin-top:3px;color:var(--hpc-merah)}.hpc-beli-rinci b{color:var(--hpc-navy);font-weight:600}.hpc-beli-sisa{margin:16px 0 0;padding:11px 14px;border-radius:var(--hpc-r);background:var(--hpc-krem);font-size:13px;color:var(--hpc-navy)}.hpc-beli-sisa b{color:var(--hpc-merah)}.hpc-artikel{background:var(--hpc-putih);border:1px solid var(--hpc-garis);border-radius:var(--hpc-r);padding:38px 42px}.hpc-produk .hpc-artikel h2{margin:36px 0 14px;font-size:24px;font-weight:700;line-height:1.25}.hpc-produk .hpc-artikel>*:first-child{margin-top:0}.hpc-produk .hpc-artikel h3{margin:26px 0 10px;font-size:18px;font-weight:700}.hpc-produk .hpc-artikel p{margin:0 0 16px;color:#2B3A4A}.hpc-produk .hpc-artikel ul,.hpc-produk .hpc-artikel ol{margin:0 0 18px;padding-left:22px;color:#2B3A4A}.hpc-produk .hpc-artikel li{margin-bottom:9px}.hpc-produk .hpc-artikel strong{color:var(--hpc-navy)}.hpc-produk .hpc-artikel blockquote{margin:0 0 22px;padding:16px 20px;border-left:3px solid var(--hpc-emas);background:var(--hpc-krem);border-radius:var(--hpc-r);font-size:17px;font-weight:600}.hpc-produk .hpc-artikel blockquote p:last-child{margin-bottom:0}.hpc-produk .hpc-artikel img{border-radius:var(--hpc-r)}.hpc-bilah{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:var(--hpc-navy);border-top:3px solid var(--hpc-merah)}.hpc-bilah-harga{color:#FFF;font-size:17px;font-weight:700;line-height:1.2}.hpc-bilah-harga small{display:block;font-size:11px;font-weight:500;color:#9FB3C8}.hpc-produk .hpc-bilah .hpc-tombol{width:auto;margin:0 0 0 auto;padding:12px 22px}@media (max-width:1000px){.hpc-rangka{padding-left:0;padding-right:0}.hpc-remah{padding-top:28px}.hpc-utama{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:18px;padding-bottom:60px}.hpc-beli{position:static}.hpc-produk .hpc-hero h1{font-size:30px}.hpc-artikel{padding:26px 22px}.hpc-bilah{display:flex}.hpc-produk{padding-bottom:84px}}@media (max-width:420px){.hpc-rangka{padding-left:16px;padding-right:16px}.hpc-produk .hpc-hero h1{font-size:26px}.hpc-artikel{padding:22px 18px}}.hpc-hero--buku{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.hpc-sampul{position:relative;border-radius:3px;overflow:hidden;box-shadow:0 18px 40px rgb(3 42 81 / .22);background:var(--hpc-krem,#F5F4EF)}.hpc-sampul img{display:block;width:100%;height:auto}.hpc-sampul::after{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(to right,rgb(3 42 81 / .28),#fff0);pointer-events:none}.hpc-produk--ebook .hpc-sampul{box-shadow:0 14px 34px rgb(3 42 81 / .18)}.hpc-produk--ebook .hpc-sampul::after{display:none}.hpc-penulis{margin:6px 0 0;font-size:15px;font-style:italic;color:#5B6673}.hpc-spek{margin-top:34px;padding:24px 26px;border:1px solid #DFDDD5;border-radius:3px;background:#FCFBF8}.hpc-spek h2{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A93A0}.hpc-spek dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 28px}.hpc-spek dl>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #EBE9E2}.hpc-spek dt{margin:0;font-size:14px;color:#5B6673}.hpc-spek dd{margin:0;font-size:14px;font-weight:600;text-align:right;color:#032A51}@media (max-width:900px){.hpc-hero--buku{grid-template-columns:minmax(0,1fr);gap:22px}.hpc-sampul{max-width:200px}.hpc-spek{padding:18px 18px}.hpc-spek dl{grid-template-columns:minmax(0,1fr)}}