:root{--biru:#0070b6;--biru-tua:#005a93;--biru-muda:#e6f1f9;--wa:#128c4a;--wa-tua:#0d7239;--teks:#1d2329;--teks-2:#5b6670;--garis:#e2e6ea;--latar:#f6f7f9;--kartu:#fff;--merah:#b3261e;--radius:12px;--bayang:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--latar);color:var(--teks);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.terkunci{overflow:hidden}img{max-width:100%;display:block}a{color:var(--biru)}button,input,select{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #0070b673}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kepala{border-bottom:1px solid var(--garis);background:#fff;align-items:center;gap:12px;padding:8px 16px;display:flex}.logo img{width:auto;height:48px}.kepala-teks{color:var(--teks-2);font-size:13px}main{max-width:1280px;min-height:70vh;margin:0 auto;padding:0 16px}.kaki{border-top:1px solid var(--garis);text-align:center;color:var(--teks-2);background:#fff;margin-top:48px;padding:24px 16px 32px;font-size:13px}.kaki p{margin:4px 0}.tombol{border:1px solid var(--biru);background:var(--biru);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.tombol:hover{background:var(--biru-tua)}.tombol:disabled{opacity:.6;cursor:default}.tombol.lebar{width:100%}.tombol-garis{color:var(--biru);background:#fff}.tombol-garis:hover{background:var(--biru-muda)}.tautan{color:var(--biru);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:600}.tombol-wa{background:var(--wa);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.tombol-wa:hover{background:var(--wa-tua)}.tombol-wa.besar{width:100%;min-height:52px;font-size:17px}.katalog{display:block}.hasil{min-width:0}.alat{z-index:5;background:var(--latar);gap:8px;padding:12px 0 8px;display:grid;position:sticky;top:0}.cari{border:1px solid var(--garis);color:var(--teks-2);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.cari:focus-within{border-color:var(--biru)}.cari input{min-width:0;height:44px;color:var(--teks);background:0 0;border:0;outline:0;flex:1;font-size:16px}.alat-baris{gap:8px;display:flex}.tombol-saring{border:1px solid var(--garis);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 14px;font-weight:600;display:inline-flex}.lencana{background:var(--biru);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-grid}.urut{flex:1;min-width:0}.urut select{border:1px solid var(--garis);background:#fff;border-radius:10px;width:100%;height:40px;padding:0 10px}.jumlah{color:var(--teks-2);font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kartu{background:var(--kartu);border-radius:var(--radius);box-shadow:var(--bayang);flex-direction:column;display:flex;overflow:hidden}.kartu-link{color:inherit;flex:1;text-decoration:none}.foto{aspect-ratio:1;object-fit:cover;background:#e9d6d6;width:100%;height:auto}.foto-kosong{color:var(--teks-2);background:#eceff1;place-items:center;font-size:13px;display:grid}.kartu-isi{padding:8px 10px 4px}.kode{color:var(--biru);letter-spacing:.02em;font-size:12px;font-weight:700}.nama{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.detail{color:var(--teks-2);font-size:13px}.kartu .tombol-wa{margin:6px 10px 10px}.muat-lagi{justify-content:center;padding:24px 0;display:flex}.kosong{text-align:center;color:var(--teks-2);padding:48px 16px}.memuat{color:var(--teks-2)}.tirai{opacity:0;pointer-events:none;z-index:20;background:#0006;transition:opacity .2s;position:fixed;inset:0}.tirai.buka{opacity:1;pointer-events:auto}.panel{z-index:21;visibility:hidden;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;max-height:85vh;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.panel.buka{visibility:visible;transform:none}.panel-kepala{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.panel-kepala h2{margin:0;font-size:18px}.panel-isi{overscroll-behavior:contain;padding:0 16px 8px;overflow-y:auto}.panel-kaki{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--garis)}.grup{border-bottom:1px solid var(--garis);padding:10px 0}.grup:last-child{border-bottom:0}.grup h3{margin:0 0 8px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--garis);cursor:pointer;background:#fff;border-radius:999px;min-height:36px;padding:0 12px;font-size:14px}.chip small{color:var(--teks-2);margin-left:2px}.chip.aktif{background:var(--biru);border-color:var(--biru);color:#fff}.chip.aktif small{color:#fffc}.chips-angka .chip{min-width:48px}.petunjuk{color:var(--teks-2);margin:0;font-size:13px}.berat{align-items:center;gap:8px;display:flex}.berat input{border:1px solid var(--garis);border-radius:10px;flex:1;min-width:0;height:40px;padding:0 10px;font-size:16px}.detail-hal{padding-top:12px}.kembali{padding:8px 0;font-weight:600;text-decoration:none;display:inline-block}.detail-barang{border-radius:var(--radius);box-shadow:var(--bayang);background:#fff;overflow:hidden}.detail-foto{position:relative}.cap-habis{color:#fff;text-align:center;background:#1d2329d9;padding:10px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.detail-info{align-content:start;gap:12px;padding:16px;display:grid}.detail-info h1{margin:0;font-size:22px;line-height:1.25}.tabel{border-top:1px solid var(--garis);gap:0;margin:0;display:grid}.tabel>div{border-bottom:1px solid var(--garis);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.tabel dt{color:var(--teks-2)}.tabel dd{text-align:right;margin:0;font-weight:600}.harga{margin:0}.catatan{color:var(--teks-2);margin:0;font-size:13px}.habis{color:var(--merah);background:#fdecea;border-radius:10px;margin:0;padding:12px}.mirip h2{margin:28px 0 12px;font-size:18px}@media (width>=600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.alat{grid-template-columns:1fr auto;align-items:center}.alat-baris .urut{flex:none;width:200px}.jumlah{grid-column:1/-1}.logo img{height:56px}}@media (width>=900px){.katalog{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tirai,.tombol-saring,.panel-kaki{display:none}.panel{visibility:visible;border-radius:var(--radius);max-height:calc(100vh - 24px);box-shadow:var(--bayang);margin-top:12px;transition:none;position:sticky;top:12px;transform:none}.alat-baris{justify-content:flex-end}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-barang{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.detail-info{padding:24px}.mirip .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.panel,.tirai{transition:none}}.detail-foto .foto{object-fit:contain;background:#f1f1f1}