.hpc-toko{--hpc-navy:#032A51;--hpc-merah:#A41E22;--hpc-emas:#FFD700;--hpc-krem:#F5F4EF;--hpc-garis:#DFDDD5;--hpc-abu:#5B6673;--hpc-abu-2:#8A93A0;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--hpc-navy)}.hpc-toko-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px}.hpc-toko-kartu{display:flex;flex-direction:column;border:1px solid var(--hpc-garis);border-radius:3px;background:#FFF;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.hpc-toko-kartu:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgb(3 42 81 / .55)}.hpc-toko-gambar{position:relative;aspect-ratio:4 / 3;background:var(--hpc-krem);overflow:hidden}.hpc-toko-gambar img{width:100%;height:100%;padding:14px;object-fit:contain;object-position:center;display:block}.hpc-toko-kosong-gambar{position:absolute;inset:0;background:linear-gradient(135deg,#062f57,#032A51)}.hpc-toko-jenis,.hpc-toko-hemat{position:absolute;top:12px;padding:6px 10px;border-radius:2px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;line-height:1}.hpc-toko-jenis{left:12px;background:rgb(3 42 81 / .92);color:#FFF}.hpc-toko-hemat{right:12px;background:var(--hpc-merah);color:#FFF}.hpc-toko-isi{display:flex;flex-direction:column;flex:1;padding:22px 20px 20px}.hpc-toko-isi h2{margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.3px;color:var(--hpc-navy)}.hpc-toko-ringkas{margin:0 0 12px;font-size:14px;line-height:1.7;color:var(--hpc-abu)}.hpc-toko-jadwal{margin:0 0 12px;padding:8px 11px;border-left:3px solid var(--hpc-emas);background:var(--hpc-krem);font-size:13px;font-weight:600;color:var(--hpc-navy)}.hpc-toko-harga{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:14px}.hpc-toko-harga s{font-size:14px;color:var(--hpc-abu-2)}.hpc-toko-harga b{font-size:24px;font-weight:900;letter-spacing:-.8px;color:var(--hpc-navy)}.hpc-toko-kredit{margin:5px 0 0;font-size:12.5px;color:var(--hpc-abu)}.hpc-toko-tindakan{display:flex;gap:9px;margin-top:16px}.hpc-toko a.hpc-toko-beli,.hpc-toko a.hpc-toko-lihat{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:3px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}.hpc-toko a.hpc-toko-beli{flex:1;background:var(--hpc-merah);border:2px solid var(--hpc-merah);color:#FFF}.hpc-toko a.hpc-toko-beli:hover{background:#7d1517;border-color:#7d1517;color:#FFF}.hpc-toko a.hpc-toko-lihat{background:#fff0;border:1px solid var(--hpc-garis);color:var(--hpc-navy)}.hpc-toko a.hpc-toko-lihat:hover{border-color:var(--hpc-navy)}.hpc-toko-kosong{padding:60px 24px;border:1px dashed var(--hpc-garis);border-radius:3px;text-align:center;color:var(--hpc-abu)}.hpc-toko-kosong strong{display:block;margin-bottom:6px;font-size:17px;color:var(--hpc-navy)}.hpc-beli-blok{--hpc-navy:#032A51;--hpc-merah:#A41E22;--hpc-emas:#FFD700;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:center}.hpc-beli-blok-harga{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:14px}.hpc-beli-blok-harga s{font-size:15px;color:#a3b0bc;font-weight:700}.hpc-beli-blok-harga b{font-size:34px;font-weight:900;letter-spacing:-1.4px;line-height:1;color:var(--hpc-navy)}.hpc-beli-blok a.hpc-beli-blok-tombol,.hpc-beli-blok span.hpc-beli-blok-tombol{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:60px;padding:18px 28px;border:0;border-radius:3px;background:var(--hpc-merah);color:#FFF;font-size:16px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;transition:background .2s ease,transform .2s ease}.hpc-beli-blok a.hpc-beli-blok-tombol:hover{background:#7d1517;color:#FFF;transform:translateY(-2px)}.hpc-beli-blok a.hpc-beli-blok-tombol svg{width:19px;height:19px;flex-shrink:0;transition:transform .2s ease}.hpc-beli-blok a.hpc-beli-blok-tombol:hover svg{transform:translateX(3px)}.hpc-beli-blok span.hpc-beli-blok-tombol--mati{background:#8A93A0;cursor:default}.hpc-beli-blok--penuh a.hpc-beli-blok-tombol{width:100%}.hpc-beli-blok-kupon{margin:11px 0 0;font-size:12.5px;line-height:1.6;color:#137a4e}.hpc-beli-blok-catatan{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#5B6673}@media (max-width:600px){.hpc-toko-kisi{grid-template-columns:minmax(0,1fr);gap:18px}.hpc-beli-blok a.hpc-beli-blok-tombol,.hpc-beli-blok span.hpc-beli-blok-tombol{gap:8px;min-height:56px;padding:14px 16px;font-size:14px;letter-spacing:.2px;line-height:1.35}.hpc-beli-blok a.hpc-beli-blok-tombol span{min-width:0}.hpc-beli-blok a.hpc-beli-blok-tombol svg{width:17px;height:17px}}@media (max-width:380px){.hpc-beli-blok a.hpc-beli-blok-tombol,.hpc-beli-blok span.hpc-beli-blok-tombol{padding:13px 12px;font-size:13px}.hpc-beli-blok a.hpc-beli-blok-tombol svg{display:none}}