:root{--bg:#0a0a0c;--bg-soft:#121215;--card:#16161a;--card-hi:#1d1d23;--line:#2a2a31;--text:#f4f4f6;--muted:#9b9ba6;--gold:#f7c948;--gold-2:#dfa412;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--brand:var(--gold);--brand-2:var(--gold-2)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:1080px;margin:0 auto;padding:6px 16px 48px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand{font-weight:800;font-size:22px;line-height:1;letter-spacing:-.02em;background:linear-gradient(92deg,var(--gold),#ffe9a3 60%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-btn{flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:700;transition:border-color .12s ease,background .12s ease,color .12s ease}.nav-btn:hover{border-color:var(--gold);background:var(--card-hi);color:var(--gold)}.hero{padding:20px 22px 22px;border-radius:16px;background:radial-gradient(760px 260px at 8% -30%,rgba(247,201,72,.16),transparent 62%),radial-gradient(620px 240px at 96% 10%,rgba(247,201,72,.08),transparent 60%),var(--bg-soft);border:1px solid var(--line);margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:38px;line-height:1.06;letter-spacing:-.03em}.hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.45;max-width:52ch}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:hsla(0,0%,100%,.03);font-size:12.5px;font-weight:600}.pill b{font-size:14px}.section-title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.section-sub{margin:0 0 16px;color:var(--muted);font-size:13.5px}.section-title.mt{margin-top:34px}.crumb{display:inline-block;margin-bottom:16px;font-size:13px;font-weight:600;color:var(--gold)}.crumb:hover{text-decoration:underline}.grid{display:grid;grid-gap:10px;gap:10px}.grid.cats{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.grid.prods{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.grid{gap:12px}.grid.cats{grid-template-columns:repeat(auto-fit,186px);justify-content:center}.grid.prods{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}}.cat{display:flex;flex-direction:column;max-width:186px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--card);transition:transform .14s ease,border-color .14s ease}.cat:hover{transform:translateY(-3px);border-color:var(--gold)}.cat-art{position:relative;aspect-ratio:1/1;background:linear-gradient(140deg,#23232a,#14141a);overflow:hidden}.cat-art img{width:100%;height:100%;object-fit:cover}.cat-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px}.cat-body{padding:9px 10px 11px;background:linear-gradient(180deg,rgba(0,0,0,.55),var(--card) 60%);margin-top:-28px;position:relative}.cat-body strong{display:block;font-size:13.5px;line-height:1.2}.cat-body .muted{display:block;margin-top:2px;font-size:11.5px}.head-card{display:flex;align-items:center;gap:18px;padding:20px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(520px 200px at 6% -40%,rgba(247,201,72,.14),transparent 62%),var(--bg-soft);margin-bottom:26px}.head-art{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line)}.head-card h1{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}.head-card p{margin:0;font-size:12.5px}.prod-card{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border-radius:11px;border:1px solid var(--line);background:var(--card);transition:transform .12s ease,border-color .12s ease,background .12s ease}.prod-card:hover{transform:translateY(-2px);border-color:var(--gold);background:var(--card-hi)}.prod-name{font-size:13px;font-weight:700;line-height:1.2}.prod-price{font-size:14.5px;color:var(--gold)}.prod-stock{font-size:10.5px;color:var(--muted)}.prod-cta{margin-top:auto;padding:6px 8px;border-radius:8px;text-align:center;font-size:11.5px;font-weight:700;background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#14140f}.prod-cta.off{background:#2a2a31;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px}.panel-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.rows{display:grid;grid-gap:9px;gap:9px}.row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.row span:first-child{color:var(--muted)}.row span:last-child{font-weight:600;text-align:right;word-break:break-all}.picked-price{font-size:22px;font-weight:800;color:var(--gold);letter-spacing:-.02em}.warn-card{border:1px solid rgba(247,201,72,.35);border-radius:16px;padding:20px;background:radial-gradient(520px 200px at 8% -30%,rgba(247,201,72,.12),transparent 62%),var(--bg-soft)}.warn-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.warn-head h1{margin:0;font-size:19px;line-height:1.15;letter-spacing:.01em;text-transform:uppercase}.warn-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;background:rgba(247,201,72,.14);border:1px solid rgba(247,201,72,.4)}.warn-body{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}.warn-body>p:first-child{margin:0;font-size:14px}.warn-note{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.warn-note strong{color:var(--gold)}.warn-actions{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.hl{color:var(--gold);font-weight:700}.cek-ok{margin-top:14px;padding:12px 14px;border-radius:11px;border:1px solid var(--ok);background:rgba(34,197,94,.1);display:flex;flex-direction:column;gap:3px}.cek-ok-label{font-size:12.5px;color:var(--muted)}.cek-ok-nama{font-size:17px;color:var(--ok);word-break:break-all}@keyframes cek-ulang-kilat{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55);border-color:var(--ok)}60%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.cek-ok--ulang{animation:cek-ulang-kilat 1.1s ease-out}.cek-waktu{margin:6px 0 0;font-size:11.5px;color:var(--muted)}input.field-salah,select.field-salah{border-color:var(--err);box-shadow:0 0 0 3px rgba(239,68,68,.18)}.inv-row{justify-content:space-between;gap:12px}.inv-group,.inv-row{display:flex;align-items:center}.inv-group{gap:8px;min-width:0}.inv-ref{font-size:15px;font-weight:800;word-break:break-all;min-width:0}.copy-btn{flex:0 0 auto;border-radius:999px;padding:5px 11px;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s}.copy-btn:hover{border-color:var(--gold);color:var(--gold)}.saran-bungkus{position:relative;height:0}.saran-dropdown{position:absolute;top:4px;left:0;right:0;z-index:60;max-height:46vh;overflow-y:auto;border-radius:12px;border:1px solid var(--line);background:#14110c;box-shadow:0 14px 34px rgba(0,0,0,.55);padding:6px}.saran-dropdown-judul{margin:2px 4px 6px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.saran-dropdown-daftar{list-style:none;margin:0;padding:0}.saran-dropdown-item{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:10px;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.saran-dropdown-item:focus-visible,.saran-dropdown-item:hover{background:rgba(247,201,72,.14)}.saran-dropdown-nilai{font-weight:800;font-size:14.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.saran-dropdown-nama{font-size:12px;font-weight:600;color:var(--gold);max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saran-cocok{background:rgba(247,201,72,.28);color:var(--gold);border-radius:3px;padding:0 1px;font-weight:900}.saran-dropdown-catatan{margin:6px 4px 2px;font-size:10.5px;line-height:1.4;color:var(--muted)}.copy-btn-ikon{padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.copy-btn-ikon svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.copy-btn.ok{border-color:var(--ok);color:var(--ok)}.copy-btn.err{border-color:var(--err);color:var(--err)}.sub-head{margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.steps{display:flex;gap:6px;list-style:none;margin:0;padding:0}.step{flex:1 1;min-width:0;flex-direction:column;gap:7px;text-align:center}.step,.step-dot{display:flex;align-items:center}.step-dot{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:12px;font-weight:800;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted)}.step.done .step-dot{background:var(--gold);border-color:var(--gold);color:#14140f}.step.now .step-dot{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px rgba(247,201,72,.16)}.step-label{font-size:10.5px;line-height:1.25;color:var(--muted)}.step.done .step-label,.step.now .step-label{color:var(--text);font-weight:700}.act-row{display:grid;grid-template-columns:1fr;grid-gap:9px;gap:9px;margin-top:4px}.qris-card{margin-top:22px;padding:22px 18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:center}.qris-card .panel-title{margin:0 0 6px}.qris-status{margin:-4px 0 4px;font-size:13px;font-weight:600;color:var(--gold);letter-spacing:.02em;text-transform:uppercase}.qris-countdown{margin:0 0 10px;font-size:14px;color:var(--muted)}.qris-kepala{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px -8px 4px 0}.qris-kepala .qris-status{margin:0;font-size:11px;letter-spacing:.06em;white-space:nowrap}.qris-unduh{position:relative;overflow:hidden;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:6px 8px;border:0;border-radius:9px;background:linear-gradient(105deg,hsla(0,0%,100%,0) 38%,hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0) 62%) no-repeat,linear-gradient(165deg,#ffeda8,#fcdc66 45%,#f7c93c);background-size:260% 100%,100% 100%;background-position:210% 0,0 0;color:#1a1200;font-size:8.5px;font-weight:900;letter-spacing:.05em;line-height:1.05;text-transform:uppercase;text-align:center;cursor:pointer;transition:transform .12s,box-shadow .15s,filter .15s}.qris-unduh:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 12px rgba(247,201,72,.3)}.qris-unduh:active:not(:disabled){transform:scale(.96)}.qris-unduh:disabled{filter:grayscale(.4) brightness(.85);cursor:default}.qris-unduh-isi{display:flex;flex-direction:column;align-items:center;gap:1px}.qris-unduh-baris1{display:block}.qris-unduh-baris2{display:block;font-size:10px;letter-spacing:.12em}@keyframes qris-unduh-lampu{0%,42%{box-shadow:0 0 0 2px rgba(255,64,64,.95),0 0 14px 4px rgba(255,40,40,.85),0 0 30px 10px rgba(255,20,20,.45);filter:brightness(1.35) saturate(1.15)}43%,to{box-shadow:0 0 0 0 rgba(255,64,64,0),0 0 0 0 rgba(255,40,40,0);filter:brightness(1)}}@keyframes qris-unduh-kilau{0%{background-position:210% 0,0 0}55%{background-position:-110% 0,0 0}to{background-position:-110% 0,0 0}}.qris-unduh-sorot{animation:qris-unduh-lampu 1.6s linear infinite,qris-unduh-kilau 2.4s cubic-bezier(.4,0,.2,1) infinite}@media (prefers-reduced-motion:reduce){.qris-unduh-sorot{animation:none}}.qris-tag{margin:2px 0 1px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.qris-jumlah-baris{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px}.qris-jumlah{font-size:clamp(32px,9vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.05;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qris-peringatan{margin:0 0 7px;font-size:14px;font-weight:800;line-height:1.35;color:#e5484d}.qris-tegaskan{margin:0 0 9px;padding:8px 11px;border-radius:10px;font-size:12.5px;line-height:1.5;color:var(--text);background:rgba(247,201,72,.1);border:1px solid rgba(247,201,72,.35)}.qris-tegaskan strong{color:var(--gold)}.qris-countdown strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qris-canvas-wrap{display:flex;justify-content:center;margin:6px 0 8px}.qris-canvas{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:#fff;display:block}.qris-invoice{margin:8px 0 12px;font-size:13px;color:var(--muted)}.qris-invoice strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qris-card .btn{width:100%;max-width:320px}.qris-err{margin:12px 0 0;padding:8px 10px;border-radius:8px;background:rgba(239,68,68,.12);color:var(--err);font-size:13px}.nav-grup{display:flex;align-items:center;gap:8px;flex:0 0 auto}.rw-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:26px 0 10px}.rw-judul{margin:0;font-size:16px;letter-spacing:-.01em}.rw-jumlah{font-size:12px;color:var(--muted)}.rw-cari{margin-bottom:12px;font-size:14px;padding:10px 13px}.rw-kartu{border-left:3px solid var(--gold-2);padding-left:15px}.rw-atas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.rw-ref{font-size:15px;font-weight:800;letter-spacing:-.01em;word-break:break-all}.rw-waktu{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.rw-lencana{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.rw-aksi{display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;margin-top:14px}.rw-kosong{text-align:center;padding:26px 18px}.rw-bawah{margin-top:18px}.rw-halaman .panel{padding:14px 15px;margin-top:12px}.rw-halaman .panel-title{margin-bottom:9px}.rw-halaman .rows{gap:7px}.rw-halaman .row{font-size:13.5px}.rw-halaman .field+.field{margin-top:13px}.rw-halaman .hint{font-size:11.5px;margin-top:6px}.rw-halaman .act-row{margin-top:13px}.rw-halaman .rw-head{margin:4px 0 10px}.rw-halaman .rw-cari{margin-bottom:10px}.rw-halaman .rw-kartu{padding-left:13px}.rw-halaman .rw-atas{margin-bottom:9px}.rw-halaman .rw-lencana{margin-top:9px}.rw-halaman .rw-aksi{margin-top:11px}.rw-halaman .rw-bawah{margin-top:12px}.rw-halaman .rw-kosong{padding:18px 15px}label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.field+.field{margin-top:18px}.hint{margin:7px 0 0;font-size:12px;color:var(--muted)}input,select{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-size:15px;outline:none}input:focus,select:focus{border-color:var(--gold)}input::placeholder{color:#5c5c68}.pay-opt{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--gold);background:rgba(247,201,72,.06)}.pay-opt .dot{width:18px;height:18px;border-radius:50%;border:5px solid var(--gold);flex:0 0 auto}.pay-opt strong{display:block;font-size:14.5px}.pay-opt .muted{display:block;margin-top:2px}.pay-pilih-grup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (max-width:380px){.pay-pilih-grup{gap:8px}.pay-pilih{padding:11px 10px}.pay-pilih-teks strong{font-size:13.5px}}.pay-pilih{position:relative;cursor:pointer;border-color:var(--line);background:transparent}.pay-pilih input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.pay-pilih .dot{border-width:2px;border-color:var(--line);background:transparent}.pay-pilih:hover{border-color:var(--gold-2)}.pay-pilih input:checked~.dot{border-width:5px;border-color:var(--gold)}.pay-pilih input:focus-visible~.dot{outline:2px solid var(--gold);outline-offset:3px}.pay-pilih:has(input:checked){border-color:var(--gold);background:rgba(247,201,72,.06)}.pay-pilih-teks{display:block;min-width:0}.btn{display:inline-block;width:100%;padding:14px 16px;border-radius:11px;border:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#14140f;font-size:15px;font-weight:800;text-align:center;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.mt{margin-top:20px}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:700}.alert{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:13.5px;border:1px solid var(--line);background:var(--bg-soft)}.alert.err{border-color:var(--err);color:#ffd9dc}.alert.ok{border-color:var(--ok);color:#ccf6e6}.alert.mb{margin:0 0 16px}.badge{display:inline-block;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);background:var(--bg-soft)}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.warn{border-color:var(--warn);color:var(--warn)}.badge.err{border-color:var(--err);color:var(--err)}.qris-box{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:14px;background:#fff}.qris-box img{width:260px;height:260px;image-rendering:pixelated}.qris-box .cap{color:#0a0a0c;font-size:13px;font-weight:700;text-align:center}.spin{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.25);border-top-color:#fff;border-radius:50%;display:inline-block;vertical-align:-3px;margin-right:8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.muted{color:var(--muted);font-size:13px}.checkout .panel{padding:14px;margin-top:12px}.checkout .panel-title{margin:0 0 9px}.checkout .rows{gap:7px}.checkout .row{font-size:13.5px}.checkout .picked-price{font-size:20px}.checkout .field+.field{margin-top:12px}.checkout .hint{margin:5px 0 0;font-size:11px}.checkout input,.checkout select{padding:10px 12px}.picked-rinci{font-size:12px;font-weight:600;color:var(--muted)}.grid>*{min-width:0}.prod-name{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.2em)}.checkout-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.checkout .checkout-head .crumb{margin-bottom:0}.checkout .checkout-head .section-title{margin:0}.checkout .section-sub{margin-top:4px;margin-bottom:10px}.prod-price{font-size:12.5px;font-weight:800}.checkout .panel{padding:12px;margin-top:9px}.checkout .panel-title{font-size:11px;margin:0 0 7px}.checkout .rows{gap:5px}.checkout .row{font-size:12.5px}.checkout .picked-price{font-size:17px}.checkout .field+.field{margin-top:9px}.checkout .field>label{font-size:12px}.checkout input,.checkout select{padding:9px 11px;font-size:13.5px;border-radius:9px}.checkout .field .hint,.checkout .hint{font-size:11px;margin-top:3px}.checkout .pilih-qr{gap:6px}.checkout .pilih-qr-opsi{padding:6px 10px;font-size:12px}.checkout .btn{padding:12px 14px;font-size:14px}body:has(.kategori) .container{padding:2px 10px 40px}.kategori .crumb{margin-bottom:8px}.kategori .head-card{padding:14px;gap:14px;margin-bottom:10px}.kategori .head-card h1{font-size:19px;margin:0 0 2px}.kategori .head-card p{font-size:12px}.kategori .section-title{font-size:17px;margin:0 0 8px}.kategori .grid.prods{gap:8px}