:root{--latar: #f5f7f4;--permukaan: #ffffff;--tinta: #17241f;--hijau: #123d35;--hijau-tua: #0b2a24;--hijau-muda: #e8f0ea;--limau: #daeb78;--limau-muda: #eef5d3;--redup: #5f6d68;--garis: #e3e8e4;--garis-kuat: #cbd3ce;--abu: #f0f2ef;--naik: #2e7d5b;--bahaya: #b42318;--bahaya-muda: #fdecea;--waspada: #8a5a00;--waspada-muda: #fff1d6;--info: #2f5e8c;--info-muda: #e6eef6;--r-kecil: 8px;--r: 12px;--r-besar: 16px;--fokus: 0 0 0 2px #fff, 0 0 0 4px #123d35;--huruf: "Plus Jakarta Sans", system-ui, sans-serif;--tinggi-bawah: 66px;--lebar-samping: 272px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--latar);color:var(--tinta);font:15px/1.5 var(--huruf);font-variant-numeric:tabular-nums}h1,h2,h3{line-height:1.2;margin:0;color:var(--hijau)}h1{font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.035em}h2{font-size:18px;font-weight:700;letter-spacing:-.01em}h3{font-size:15px;font-weight:700}p{margin:0}a{color:var(--hijau)}button{font:inherit}:focus-visible{outline:none;box-shadow:var(--fokus);border-radius:var(--r-kecil)}.mono{font-weight:600;letter-spacing:.01em;white-space:nowrap}.redup{color:var(--redup)}.kecil{font-size:13px}.kanan{text-align:right}.tebal{font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:90;background:var(--permukaan);padding:8px 12px;border-radius:var(--r-kecil)}.baris{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.renggang{justify-content:space-between}.tumpuk{display:grid;gap:12px}.tautan{color:var(--hijau);font-weight:600;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer;font-size:14px}.kerangka{display:grid;grid-template-columns:var(--lebar-samping) minmax(0,1fr);min-height:100dvh}.samping{background:var(--permukaan);border-right:1px solid var(--garis);padding:20px 16px 16px;position:sticky;top:0;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.merek{display:flex;align-items:center;padding:2px 6px 14px;text-decoration:none}.merek .logo-rel{display:none}.pilih-toko{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-bottom:14px;background:var(--permukaan);border:1px solid var(--garis-kuat);border-radius:var(--r);color:var(--tinta);font-weight:600;font-size:15px;text-align:left;cursor:pointer}.pilih-toko:hover{border-color:var(--hijau)}.pilih-toko .nama-toko{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilih-toko svg{flex:none;color:var(--hijau)}.nav-tautan{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 14px;border-radius:var(--r);color:var(--tinta);text-decoration:none;font-size:15.5px;font-weight:500;background:none;border:0;width:100%;text-align:left;cursor:pointer;position:relative}.nav-tautan:hover{background:var(--abu)}.nav-tautan[aria-current=page]{background:var(--limau-muda);color:var(--hijau);font-weight:700}.nav-tautan>svg{flex:none;color:var(--hijau)}.nav-tautan .pendek{display:none}.nav-pemisah{border:0;border-top:1px solid var(--garis);margin:12px 4px}.nav-lencana{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;background:var(--limau);color:var(--hijau);font-size:12px;font-weight:800}.profil{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px 6px 4px;border:0;border-top:1px solid var(--garis);background:none;width:100%;text-align:left;cursor:pointer;color:var(--tinta)}.profil .teks{flex:1;min-width:0}.profil b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profil small{color:var(--redup);font-size:13px}.inisial{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--hijau-muda);color:var(--hijau);font-weight:800;font-size:15px;flex:none}.inisial.kecil-i{width:40px;height:40px;font-size:14px}.isi-kanan{min-width:0;display:flex;flex-direction:column;min-height:100dvh}.atas{display:flex;align-items:center;gap:16px;padding:0 32px;min-height:72px;position:sticky;top:0;z-index:20;background:var(--latar);border-bottom:1px solid var(--garis)}.remah{flex:1;min-width:0;display:flex;gap:10px;font-size:16px;color:var(--redup);white-space:nowrap;overflow:hidden}.remah b{color:var(--tinta);font-weight:500;overflow:hidden;text-overflow:ellipsis}.status-online{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tinta)}.status-online:before{content:"";width:9px;height:9px;border-radius:50%;background:#2e9d5b}.status-online[data-luring]:before{background:var(--bahaya)}.atas-pemisah{width:1px;height:28px;background:var(--garis)}.lonceng{position:relative}.lonceng .nav-lencana{position:absolute;top:2px;right:2px;margin:0;min-width:18px;height:18px;font-size:11px;padding:0 4px}.utama{padding:28px 32px 64px;min-width:0;flex:1}.atas-hp,.bawah-nav{display:none}.menu-apung{position:absolute;z-index:50;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);box-shadow:0 12px 32px #123d3529;padding:8px;min-width:240px}.menu-apung a,.menu-apung button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border-radius:var(--r-kecil);color:var(--tinta);text-decoration:none;background:none;border:0;text-align:left;cursor:pointer;font-size:14.5px}.menu-apung a:hover,.menu-apung button:hover{background:var(--abu)}.menu-apung .kepala-menu{padding:6px 10px 10px;border-bottom:1px solid var(--garis);margin-bottom:6px;font-size:13px;color:var(--redup)}.menu-apung .kepala-menu b{display:block;color:var(--tinta);font-size:15px}@media (max-width: 1099px){:root{--lebar-samping: 84px}.samping{padding:14px 8px;align-items:stretch;gap:2px}.merek{justify-content:center;padding:0 0 12px}.merek .merek-teks,.pilih-toko,.nav-pemisah{display:none}.merek .logo-rel{display:block}.nav-tautan{flex-direction:column;gap:4px;min-height:60px;padding:8px 2px;justify-content:center;text-align:center;font-size:11.5px;line-height:1.2}.nav-tautan .panjang{display:none}.nav-tautan .pendek{display:block}.profil{justify-content:center;padding:12px 0 0}.profil .teks,.profil>svg{display:none}.atas{padding:0 20px;min-height:64px}.utama{padding:22px 20px 56px}}@media (max-width: 719px){.kerangka{display:block;padding-bottom:calc(var(--tinggi-bawah) + env(safe-area-inset-bottom))}.samping,.atas{display:none}.isi-kanan{min-height:0}.atas-hp{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:20;background:var(--permukaan);border-bottom:1px solid var(--garis);padding:6px 8px 6px 14px;min-height:56px}.atas-hp .judul-toko{flex:1;min-width:0;font-weight:700;color:var(--hijau);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atas-hp .status-online{font-size:0;gap:0}.bawah-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--permukaan);border-top:1px solid var(--garis);height:calc(var(--tinggi-bawah) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bawah-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--redup);text-decoration:none;font-size:11.5px;font-weight:600;min-width:0}.bawah-nav a .pil{display:grid;place-items:center;width:52px;height:30px;border-radius:15px}.bawah-nav a[aria-current=page]{color:var(--hijau)}.bawah-nav a[aria-current=page] .pil{background:var(--limau-muda)}.bawah-nav a.tengah .lingkar{display:grid;place-items:center;width:50px;height:50px;margin-top:-20px;border-radius:50%;background:var(--hijau);color:#fff;border:4px solid var(--permukaan)}.bawah-nav a.tengah[aria-current=page] .lingkar{background:var(--hijau);box-shadow:0 0 0 3px var(--limau)}.utama{padding:16px 16px 40px}}.kisi-menu{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 6px}.ubin-menu{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--tinta);font-size:13px;font-weight:600;text-align:center;background:none;border:0;cursor:pointer;padding:4px;border-radius:var(--r);width:100%}.ubin-menu .kotak{display:grid;place-items:center;width:72px;height:72px;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar);color:var(--hijau)}.ubin-menu:active .kotak{background:var(--limau-muda)}.kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 16px;margin-bottom:22px}.kepala .sub{color:var(--redup);margin-top:6px;font-size:17px}.aksi{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bagian{margin-top:24px}.bagian>.kepala{margin-bottom:12px}.bagian>.kepala .sub{font-size:14px}.kartu{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar);padding:20px}.kisi-2{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start}.kisi-21{display:grid;gap:18px;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:stretch}@media (max-width: 1099px){.kisi-21{grid-template-columns:minmax(0,1fr)}}.kisi-isian{display:grid;gap:12px 14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.ringkas{display:grid;gap:6px 16px;grid-template-columns:max-content minmax(0,1fr);font-size:14.5px}.ringkas dt{color:var(--redup)}.ringkas dd{margin:0;overflow-wrap:anywhere}.spanduk{margin:-6px 0 18px}.sub-menu{display:flex;gap:6px;margin:-6px 0 20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--garis)}.sub-menu a{padding:10px 14px;text-decoration:none;color:var(--redup);font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}.sub-menu a[aria-current=page]{color:var(--hijau);border-bottom-color:var(--hijau)}@media (max-width: 719px){.kepala .sub{font-size:15px}.kartu{padding:16px}}.tombol{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--r);border:1px solid var(--garis-kuat);background:var(--permukaan);color:var(--tinta);font:600 15px/1.2 var(--huruf);cursor:pointer;text-decoration:none;white-space:nowrap}.tombol:hover{border-color:var(--hijau)}.tombol>svg{color:var(--hijau)}.tombol.utama-t{background:var(--hijau);border-color:var(--hijau);color:#fff}.tombol.utama-t>svg{color:#fff}.tombol.utama-t:hover{background:var(--hijau-tua)}.tombol.bahaya-t{color:var(--bahaya);border-color:#efc3bd}.tombol.bahaya-t>svg{color:var(--bahaya)}.tombol.bahaya-t:hover{background:var(--bahaya-muda)}.tombol.polos{border-color:transparent;background:transparent}.tombol.polos:hover{background:var(--abu)}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.kecil-t{min-height:36px;padding:6px 12px;font-size:14px;border-radius:var(--r-kecil)}.tombol.ikon-t{padding:8px;min-width:44px}.tombol.lebar{width:100%}.tombol.besar-t{min-height:56px;font-size:17px;font-weight:700}@media (pointer: coarse){.tombol.kecil-t{min-height:44px}}.isian{display:flex;flex-direction:column;gap:6px;min-width:0}.isian>span{font-size:13.5px;font-weight:600;color:var(--tinta)}.isian>small{font-size:12.5px;color:var(--redup)}input,select,textarea{font:inherit;color:var(--tinta);background:var(--permukaan);border:1px solid var(--garis-kuat);border-radius:var(--r);min-height:46px;padding:10px 14px;width:100%;min-width:0}select{padding-right:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--permukaan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%23123d35' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 10px center}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--hijau);flex:none}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--hijau)}input[aria-invalid=true]{border-color:var(--bahaya)}.centang{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14.5px;cursor:pointer}.angka-input{text-align:right}.cari-kotak{position:relative}.cari-kotak>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--redup);pointer-events:none}.cari-kotak input{padding-left:46px}@media (max-width: 719px){input,select,textarea{font-size:16px}}.chip-baris{display:flex;gap:8px;flex-wrap:wrap}.chip-gulir{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chip-gulir::-webkit-scrollbar{display:none}.chip{flex:none;min-height:42px;padding:8px 18px;border-radius:var(--r);border:0;background:var(--abu);color:var(--tinta);font:500 15px/1.2 var(--huruf);cursor:pointer;white-space:nowrap}.chip:hover{background:#e6e9e5}.chip[aria-pressed=true]{background:var(--hijau);color:#fff;font-weight:600}@media (pointer: coarse){.chip{min-height:44px}}.tabel-bungkus{overflow-x:auto;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar)}.kartu>.tabel-bungkus{border:0;border-radius:0;margin:0 -4px}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--garis);vertical-align:middle}th{font-size:13.5px;font-weight:500;color:var(--redup);background:#f3f5f2;white-space:nowrap}thead th:first-child{border-radius:var(--r-kecil) 0 0 var(--r-kecil)}thead th:last-child{border-radius:0 var(--r-kecil) var(--r-kecil) 0}tr:last-child td{border-bottom:0}td.angka,th.angka{text-align:right;white-space:nowrap}tbody tr[data-klik]{cursor:pointer}tbody tr[data-klik]:hover td{background:#f8faf7}tfoot td{font-weight:700;background:#f8faf7;border-top:1px solid var(--garis-kuat)}.daftar{display:grid;gap:8px;list-style:none;margin:0;padding:0}.daftar-item{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r);color:var(--tinta);text-decoration:none;min-width:0}a.daftar-item:hover{border-color:var(--garis-kuat)}.daftar-item .tengah{flex:1;min-width:0}.daftar-item .nama{font-weight:600;overflow:hidden;text-overflow:ellipsis}.daftar-item .ket{font-size:13px;color:var(--redup)}.hanya-hp{display:none}@media (max-width: 719px){.hanya-hp{display:block}.bukan-hp{display:none!important}}.lencana{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-kecil);font-size:13.5px;font-weight:500;background:var(--abu);color:var(--redup);white-space:nowrap}.lencana.ok{background:var(--limau-muda);color:var(--hijau)}.lencana.tunggu{background:var(--waspada-muda);color:var(--waspada)}.lencana.tolak{background:var(--bahaya-muda);color:var(--bahaya)}.lencana.info{background:var(--info-muda);color:var(--info)}.stok-habis{color:var(--bahaya);font-weight:600}.stok-kritis{color:var(--waspada);font-weight:600}.naik{color:var(--naik);font-weight:600}.turun{color:var(--bahaya);font-weight:600}.keadaan{padding:28px 16px;text-align:center;color:var(--redup);font-size:14.5px}.keadaan b{display:block;color:var(--tinta);margin-bottom:4px}.keadaan.galat{color:var(--bahaya)}.keadaan .tombol{margin-top:12px}.pemuat{display:inline-block;width:16px;height:16px;border:2px solid var(--garis-kuat);border-top-color:var(--hijau);border-radius:50%;animation:putar .8s linear infinite;vertical-align:-3px;margin-right:8px}.tombol.utama-t .pemuat{border-color:#fff6;border-top-color:#fff}@keyframes putar{to{transform:rotate(360deg)}}.pesan{padding:12px 14px;border-radius:var(--r);font-size:14.5px}.pesan.galat{background:var(--bahaya-muda);color:var(--bahaya)}.pesan.waspada{background:var(--waspada-muda);color:var(--waspada)}.pesan.info{background:var(--info-muda);color:var(--info)}.pesan.ok{background:var(--limau-muda);color:var(--hijau)}.pesan a{color:inherit;font-weight:700}dialog.lembar{border:1px solid var(--garis);border-radius:var(--r-besar);padding:0;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-shadow:0 24px 64px #123d3538;color:var(--tinta);background:var(--permukaan)}dialog.lembar[open]{display:flex;flex-direction:column}dialog.lembar.lebar{width:min(1000px,calc(100vw - 32px))}dialog.lembar::backdrop{background:#123d3566}.lembar-kepala{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 22px;border-bottom:1px solid var(--garis)}.lembar-isi{padding:18px 22px;overflow-y:auto;flex:1;min-height:0}.lembar-kaki{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--garis)}@media (max-width: 719px){dialog.lembar,dialog.lembar.lebar{width:100vw;max-width:100vw;margin:auto 0 0;max-height:92dvh;border-radius:var(--r-besar) var(--r-besar) 0 0;border-bottom:0}dialog.lembar.penuh{max-height:100dvh;height:100dvh;border-radius:0}.lembar-isi{padding:14px 16px}.lembar-kaki{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.lembar-kaki .tombol{flex:1}}.lembar-isi.tetap{overflow:hidden;display:flex;flex-direction:column;padding:0}.notif{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:95;width:max-content;max-width:min(460px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--r);background:var(--hijau);color:#fff;font-size:14.5px;box-shadow:0 12px 32px #123d3547}.notif.galat{background:var(--bahaya)}@media (max-width: 719px){.notif{bottom:calc(var(--tinggi-bawah) + 80px + env(safe-area-inset-bottom))}}.ubin-baris{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.ubin{background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar);padding:20px;min-width:0;display:flex;gap:16px;align-items:flex-start;color:var(--tinta);text-decoration:none}a.ubin:hover{border-color:var(--garis-kuat)}.ubin .ikon-ubin{width:52px;height:52px;border-radius:var(--r);display:grid;place-items:center;background:var(--hijau-muda);color:var(--hijau);flex:none}.ubin .ikon-ubin.amber{background:var(--waspada-muda);color:var(--waspada)}.ubin .isi-ubin{min-width:0}.ubin .isi-ubin>span{display:block;font-size:15px;color:var(--tinta)}.ubin .isi-ubin>b{display:block;font-size:clamp(22px,2.1vw,30px);font-weight:800;letter-spacing:-.03em;color:var(--hijau);margin-top:4px;overflow-wrap:anywhere;line-height:1.15}.ubin .isi-ubin>small{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--redup);margin-top:6px}.ubin .isi-ubin>.lencana{margin-top:8px}@media (max-width: 719px){.ubin-baris{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ubin{padding:14px;flex-direction:column;gap:10px}.ubin .ikon-ubin{width:40px;height:40px}.ubin .isi-ubin>span{font-size:13.5px}.ubin .isi-ubin>b{font-size:20px}.ubin .isi-ubin>small{font-size:12.5px}}.peringkat{display:grid;gap:4px;list-style:none;margin:0;padding:0}.peringkat li{display:grid;grid-template-columns:32px 48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--garis)}.peringkat li:last-child{border-bottom:0}.peringkat .nomor{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--abu);font-weight:700;font-size:14px}.peringkat .nm{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batang{height:7px;border-radius:4px;background:var(--abu);margin-top:8px;overflow:hidden}.batang>span{display:block;height:100%;background:var(--limau);border-radius:4px}.batang.hijau>span{background:var(--hijau)}.peringkat .jml{font-weight:600;white-space:nowrap}.kasir{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start}.kasir-produk{padding:22px}.kasir-atas{display:grid;gap:16px;padding-bottom:18px}.kasir-cari{display:flex;gap:12px}.kasir-cari .cari-kotak{flex:1}.kisi-barang{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;align-content:start}.barang{display:flex;flex-direction:column;text-align:left;gap:4px;padding:12px;min-width:0;position:relative;background:var(--permukaan);border:1px solid var(--garis);border-radius:var(--r-besar);cursor:pointer;color:var(--tinta);font:inherit}.barang:hover{border-color:var(--garis-kuat)}.barang .foto{aspect-ratio:7 / 6;border-radius:var(--r);background:#f3f5f2;display:grid;place-items:center;overflow:hidden;color:var(--redup);font-weight:700;font-size:22px;margin-bottom:8px}.barang .foto img{width:100%;height:100%;object-fit:cover}.barang .nm{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:2px}.barang .hg{font-size:19px;font-weight:800;color:var(--hijau);letter-spacing:-.02em}.barang .st{font-size:14px;color:var(--redup);padding-right:48px}.barang .tambah{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:var(--r-kecil);background:var(--limau-muda);color:var(--hijau);display:grid;place-items:center}.barang:hover .tambah{background:var(--limau)}.barang[data-kosong]{opacity:.6}.barang.masuk .tambah{animation:masuk .35s ease}@keyframes masuk{0%{background:var(--limau);transform:scale(1.12)}to{transform:none}}.keranjang{position:sticky;top:90px;padding:22px;display:flex;flex-direction:column;max-height:calc(100dvh - 110px)}.keranjang-kepala{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.keranjang-kepala h2{font-size:24px;font-weight:800;letter-spacing:-.03em}.keranjang-isi{overflow-y:auto;min-height:60px;margin:0 -6px;padding:0 6px;flex:1}.baris-k{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--garis);align-items:center}.baris-k .foto-k{grid-row:span 2;width:56px;height:56px;border-radius:var(--r-kecil);background:#f3f5f2;display:grid;place-items:center;overflow:hidden;font-weight:700;color:var(--redup)}.baris-k .foto-k img{width:100%;height:100%;object-fit:cover}.baris-k .nm{font-weight:600;font-size:15px;line-height:1.3}.baris-k .nm small{display:block;font-weight:400;color:var(--redup);font-size:14px}.baris-k .sub{text-align:right;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px;justify-content:flex-end}.baris-k .kendali{grid-column:2 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stepper{display:inline-flex;align-items:center;gap:6px}.stepper button{width:34px;height:34px;border:1px solid var(--garis);border-radius:var(--r-kecil);background:#f3f5f2;cursor:pointer;display:grid;place-items:center;color:var(--hijau)}.stepper button:hover{border-color:var(--hijau)}.stepper input{width:54px;min-height:36px;text-align:center;padding:4px;border-radius:var(--r-kecil)}@media (pointer: coarse){.stepper button{width:44px;height:44px}.stepper input{min-height:44px}}.mini-isian{width:112px;min-height:36px;padding:4px 10px;text-align:right;border-radius:var(--r-kecil)}.pilih-kecil{width:auto;min-height:36px;padding:4px 30px 4px 10px;border-radius:var(--r-kecil);font-size:14px;background-position:right 6px center}.bayar{padding-top:14px;display:grid;gap:12px;border-top:1px solid var(--garis);margin-top:4px}.total-baris{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--redup)}.total-baris b{color:var(--tinta)}.total-tagihan{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-top:10px;border-top:1px solid var(--garis)}.total-tagihan span{font-size:20px;font-weight:700;color:var(--hijau)}.total-tagihan b{font-size:clamp(26px,2.4vw,34px);font-weight:800;color:var(--hijau);letter-spacing:-.03em}.metode{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.metode button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:8px;border:1px solid var(--garis-kuat);border-radius:var(--r);background:var(--permukaan);color:var(--tinta);font-weight:600;cursor:pointer}.metode button svg{color:var(--hijau);flex:none}.metode button[aria-pressed=true]{background:var(--limau-muda);border-color:var(--hijau);color:var(--hijau)}.baris-isian{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;font-size:15px}.kembalian{min-height:46px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border-radius:var(--r);background:var(--hijau-muda);color:var(--hijau);font-size:20px;font-weight:800}.kembalian.kurang{background:var(--bahaya-muda);color:var(--bahaya)}.pilih-pelanggan{position:relative;margin-bottom:4px}.pilih-pelanggan>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tinta);pointer-events:none}.pilih-pelanggan select{padding-left:46px;min-height:52px;font-weight:500}@media (max-width: 1099px){.kasir{grid-template-columns:minmax(0,1fr) 340px;gap:14px}.kasir-produk{padding:16px}.kisi-barang{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.keranjang{padding:16px;top:80px;max-height:calc(100dvh - 96px)}.baris-isian{grid-template-columns:1fr;gap:6px}}@media (max-width: 719px){.kasir{display:block}.kasir-produk{padding:0;border:0;background:none}.kasir-atas{position:sticky;top:56px;z-index:10;background:var(--latar);padding:8px 0 12px;margin:-8px 0 0;gap:10px}.kisi-barang{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:100px}.barang{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;column-gap:12px;row-gap:0;align-items:center;padding:8px 10px 8px 8px;min-height:68px}.barang .foto{grid-row:1 / span 3;width:52px;aspect-ratio:1;font-size:15px;margin:0}.barang .nm{grid-column:2;-webkit-line-clamp:1;font-size:14.5px}.barang .hg{grid-column:2;font-size:15.5px}.barang .st{grid-column:2;font-size:12.5px;padding:0}.barang .tambah{position:static;grid-column:3;grid-row:1 / span 3}.keranjang.di-samping{display:none}.bilah-keranjang{position:fixed;left:8px;right:8px;z-index:25;bottom:calc(var(--tinggi-bawah) + 8px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:var(--r-besar);background:var(--hijau);color:#fff;box-shadow:0 12px 32px #123d3552;border:0;font:inherit;text-align:left;cursor:pointer}.bilah-keranjang .ringkas-k{flex:1;min-width:0;font-size:13px}.bilah-keranjang .ringkas-k b{display:block;font-size:19px}.bilah-keranjang .buka{background:var(--limau);color:var(--hijau);font-weight:800;border-radius:var(--r);padding:11px 16px}}@media (min-width: 720px){.bilah-keranjang{display:none}}.keranjang.keranjang-lembar{position:static;display:flex;flex:1;min-height:0;max-height:none;border:0;border-radius:0;padding:12px 16px 0}.keranjang-lembar .keranjang-kepala h2{display:none}.keranjang-lembar .bayar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}dialog.kamera{background:#0b1f1b;color:#fff}dialog.kamera[open]{display:flex;flex-direction:column}dialog.kamera::backdrop{background:#0b1f1b}.kamera-atas{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.kamera-atas .tombol{background:#ffffff1f;border-color:transparent;color:#fff}.kamera-atas .tombol svg{color:#fff}.kamera-layar{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.kamera-layar video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.kamera-bingkai{position:absolute;top:12%;right:10%;bottom:12%;left:10%;border:2px solid rgba(255,255,255,.55);border-radius:var(--r-besar);pointer-events:none}.kamera-bingkai[data-status=terkunci],.kamera-bingkai[data-status=jeda]{border-color:var(--limau)}.kamera-status{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0000008c;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;white-space:nowrap}.kamera-kilat{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.kamera-kilat.nyala{animation:kilat .25s ease-out}@keyframes kilat{0%{opacity:.7}to{opacity:0}}.kamera-bawah{padding:10px 12px calc(14px + env(safe-area-inset-bottom));display:grid;gap:10px}.jepretan{display:flex;gap:8px;overflow-x:auto;min-height:56px}.jepretan figure{position:relative;margin:0;flex:none}.jepretan img{width:56px;height:56px;object-fit:cover;border-radius:var(--r-kecil);display:block}.jepretan button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;border:0;background:#fff;color:var(--hijau);cursor:pointer;display:grid;place-items:center}.kamera-kendali{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.rana{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:#fff3;cursor:pointer}.rana:active{background:var(--limau)}.kamera .tombol.terang{background:var(--limau);color:var(--hijau);border-color:var(--limau)}.kamera .tombol.terang svg{color:var(--hijau)}.kamera .centang{color:#fff}.kamera input[type=file]{display:none}.struk{font:13px/1.45 Courier New,ui-monospace,monospace;color:#000;width:100%;max-width:300px;margin:0 auto}.struk[data-lebar="80"]{max-width:400px}.struk .tengah{text-align:center}.struk .garis{border-top:1px dashed #000;margin:6px 0}.struk .br{display:flex;justify-content:space-between;gap:8px}.struk .br span:last-child{white-space:nowrap}.struk img.logo{max-width:96px;max-height:64px;display:block;margin:0 auto 4px;filter:grayscale(1)}.struk-bungkus{background:var(--abu);padding:16px 12px 0;border-radius:var(--r)}.struk-kertas{background:#fff;border-radius:var(--r-kecil) var(--r-kecil) 0 0;padding:14px 14px 20px;--gigi: 10px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--gigi) 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--gigi) 100%}#area-cetak{display:none}@media print{body[data-cetak]>*:not(#area-cetak){display:none!important}body[data-cetak] #area-cetak{display:block}body[data-cetak]{background:#fff}body:not([data-cetak]) .samping,body:not([data-cetak]) .atas,body:not([data-cetak]) .atas-hp,body:not([data-cetak]) .bawah-nav,body:not([data-cetak]) .aksi,body:not([data-cetak]) .chip-baris,body:not([data-cetak]) .tombol,body:not([data-cetak]) .sub-menu,body:not([data-cetak]) .spanduk,body:not([data-cetak]) .filter{display:none!important}.kerangka{display:block;padding:0}.utama{padding:0}body{background:#fff}.kartu,.tabel-bungkus,.ubin{border-color:#cbd3ce}.cetak-saja{display:block!important}}.cetak-saja{display:none}.layar-masuk{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.masuk-bingkai{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);width:min(940px,100%);background:var(--permukaan);border-radius:20px;overflow:hidden;border:1px solid var(--garis)}.masuk-merek{background:var(--hijau);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:40px 36px}.masuk-merek .penanda{font-size:12.5px;font-weight:700;letter-spacing:.22em;color:var(--limau)}.masuk-merek .kata{font-size:16px;color:#d6e3dd;max-width:32ch;margin-top:14px}.masuk-merek ul{margin:0;padding:0;list-style:none;display:grid;gap:14px;font-size:14.5px;color:#e9f1ed}.masuk-merek li{display:flex;gap:12px;align-items:flex-start}.masuk-merek li svg{flex:none;margin-top:1px;color:var(--limau)}.masuk-isi{padding:40px}.masuk-isi form{display:grid;gap:16px;margin-top:22px}.tab-baris{display:flex;gap:4px;padding:4px;background:var(--abu);border-radius:var(--r);margin-bottom:22px}.tab-baris button{flex:1;min-height:42px;border:0;border-radius:var(--r-kecil);background:none;font:600 14.5px var(--huruf);color:var(--redup);cursor:pointer}.tab-baris button[aria-selected=true]{background:var(--permukaan);color:var(--hijau);box-shadow:0 1px 2px #123d351f}@media (max-width: 780px){.masuk-bingkai{grid-template-columns:minmax(0,1fr)}.masuk-merek{padding:22px 20px;gap:10px}.masuk-merek ul{display:none}.masuk-isi{padding:24px 18px}}.grafik svg{display:block;width:100%;height:auto;overflow:visible}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.ubin.polos-u{flex-direction:column;gap:2px}.ubin.polos-u>span{font-size:14.5px;color:var(--redup)}.ubin.polos-u>b{font-size:clamp(20px,1.9vw,26px);font-weight:800;letter-spacing:-.03em;color:var(--hijau);overflow-wrap:anywhere}.ubin.polos-u>small{font-size:13.5px;color:var(--redup)}.ubin.polos-u.utama-u>b{font-size:clamp(28px,2.8vw,38px)}@media (min-width: 1100px){.ubin.utama-u{grid-column:span 2}}@media (max-width: 719px){.ubin.polos-u.utama-u{grid-column:1 / -1}}.ubin .isi-ubin>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1399px){.ubin:not(.polos-u){flex-direction:column;gap:12px}.ubin:not(.polos-u) .ikon-ubin{width:44px;height:44px}}.panah-turun svg{transform:rotate(180deg)}.keranjang.di-samping{overflow-y:auto;overscroll-behavior:contain}.keranjang.di-samping .keranjang-isi{flex:none;overflow:visible}@media (max-width: 999px){.kisi-barang{grid-template-columns:minmax(0,1fr);gap:8px}.barang{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;column-gap:12px;row-gap:0;align-items:center;padding:8px 10px 8px 8px;min-height:68px}.barang .foto{grid-row:1 / span 3;width:52px;aspect-ratio:1;font-size:15px;margin:0}.barang .nm{grid-column:2;-webkit-line-clamp:1;font-size:14.5px}.barang .hg{grid-column:2;font-size:15.5px}.barang .st{grid-column:2;font-size:12.5px;padding:0}.barang .tambah{position:static;grid-column:3;grid-row:1 / span 3}}@media (min-width: 720px) and (max-width: 999px){.kasir{grid-template-columns:minmax(0,1fr) 320px}.kasir-cari .tombol{flex:none}}@media (max-width: 1099px){.metode{grid-template-columns:repeat(2,minmax(0,1fr))}.baris-k{grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px}.baris-k .foto-k{width:44px;height:44px}.baris-k .nm{font-size:14.5px}}.keranjang-lembar .bayar{gap:8px;padding-top:10px}.keranjang-lembar .bukan-ringkas,.keranjang-lembar .total-baris:first-child{display:none}.keranjang-lembar .total-tagihan{padding-top:6px}.keranjang-lembar .total-tagihan b{font-size:26px}.keranjang-lembar .metode{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.keranjang-lembar .metode button{flex-direction:column;gap:2px;min-height:52px;padding:6px 2px;font-size:12.5px}.keranjang-lembar .uang-cepat{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.keranjang-lembar .baris-isian{grid-template-columns:110px minmax(0,1fr)}.keranjang-lembar .kembalian{min-height:44px;font-size:18px}.keranjang-lembar .tombol.besar-t{min-height:52px}:root{--latar: #f6f7f2;--garis: #e5e9df;--garis-kuat: #cdd5ca;--r: 10px;--r-besar: 18px;--lebar-samping: 244px}body{font-size:14px}h1{font-size:clamp(26px,2.3vw,34px);font-weight:750;letter-spacing:-.045em}.kepala{margin-bottom:28px;gap:20px}.kepala .sub{font-size:14px;margin-top:8px}.tombol,.nav-tautan,.barang,input,select{transition:background-color .15s,border-color .15s}.tombol{font-size:14px}.kartu{border-color:var(--garis);padding:24px}.atas{background:var(--latar);border-bottom:0;min-height:76px}.remah{font-size:13px}.status-online{font-size:12px}.status-online:before{width:6px;height:6px}.atas-pemisah{height:20px}.utama{padding-top:16px;width:100%;max-width:1660px;margin:0 auto}.samping{padding:28px 16px 16px;background:#fff;gap:4px}.merek{padding:0 12px 30px}.pilih-toko{padding:12px;background:var(--latar);border-color:transparent;font-size:13px;margin-bottom:22px}.nav-tautan{font-size:13px;gap:12px;min-height:45px;border-radius:10px;color:#58675e}.nav-tautan>svg{width:20px;height:20px;color:inherit}.nav-tautan[aria-current=page]{background:var(--hijau);color:#fff;font-weight:600}.nav-pemisah{margin:14px 10px}.samping>div:last-child{margin-top:auto;padding-top:20px}.profil{padding:18px 4px 0}.profil b{font-size:13px}.profil small{font-size:12px}.inisial{background:var(--limau-muda);border-radius:14px}.ringkasan-angka{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--garis);border-radius:18px;overflow:hidden}.ringkasan-angka .ubin{background:none;border:0;border-radius:0;padding:24px;flex-direction:column;gap:16px;position:relative}.ringkasan-angka .ubin+.ubin{border-left:1px solid var(--garis)}.ringkasan-angka .ubin:first-child{background:var(--limau-muda)}.ringkasan-angka .ikon-ubin{width:36px!important;height:36px!important;background:none;border:1px solid #dce4d6;border-radius:10px}.ringkasan-angka .ikon-ubin svg{width:19px;height:19px}.ringkasan-angka .isi-ubin{width:100%}.ringkasan-angka .isi-ubin>span{font-size:12px;color:var(--redup)}.ringkasan-angka .isi-ubin>b{font-size:clamp(20px,1.85vw,29px);margin-top:10px;overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.ringkasan-angka .isi-ubin>small{font-size:11px;line-height:1.5;margin-top:10px;flex-wrap:wrap}.ringkasan-angka .isi-ubin>.lencana{display:inline-flex;color:var(--waspada);font-size:11px;padding:3px 8px}.peringkat li{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:10px;padding:14px 0}.peringkat .nomor{width:24px;height:24px;font-size:11px;background:transparent;color:var(--redup)}.peringkat .nm,.peringkat .jml{font-size:12px}.peringkat img{max-width:40px}.batang{height:4px}th{background:#f7f8f4;font-size:11px;font-weight:600}td{font-size:13px;padding-top:16px;padding-bottom:16px}.lencana{font-size:11px;border-radius:6px;padding:4px 8px}.kasir{grid-template-columns:minmax(0,1fr) 370px;gap:24px}.kasir-produk{padding:0;border:0;background:transparent}.kasir-atas{gap:16px;padding-bottom:22px}.kasir-cari input{background:#fff;min-height:50px;border-color:var(--garis)}.chip{font-size:13px;padding:8px 16px;border-radius:999px;background:#e9ede4}.kisi-barang{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.barang{border:1px solid var(--garis);border-radius:14px;padding:12px}.barang:hover{border-color:#9baa8b;background:#fcfdf9}.barang .foto{aspect-ratio:1.4;background:#edf1e7;border-radius:9px;color:#7c8b73;font-size:24px}.barang .nm{font-size:13px}.barang .hg{font-size:18px;margin-top:4px}.barang .st{font-size:11px}.barang .tambah{background:var(--limau);width:34px;height:34px;border-radius:50%}.keranjang{padding:22px;top:88px}.keranjang-kepala{padding-bottom:16px;border-bottom:1px solid var(--garis)}.keranjang-kepala h2{font-size:21px}.pilih-pelanggan select{background-color:var(--latar);border-color:transparent;font-size:13px;min-height:46px}.metode{grid-template-columns:repeat(2,minmax(0,1fr))}.metode button{min-height:44px;font-size:12px}.total-tagihan{border-top:0;padding:14px 0 6px}.total-tagihan span{font-size:15px}.total-tagihan b{font-size:28px}.bayar .utama-t{background:var(--hijau);min-height:50px}.layar-masuk{padding:28px;background:#f6f7f2}.masuk-bingkai{width:min(1120px,100%);min-height:680px;border:0;border-radius:24px;overflow:hidden;box-shadow:none;grid-template-columns:1.05fr 1fr}.masuk-merek{padding:44px;position:relative;overflow:hidden;gap:40px}.masuk-merek>*{position:relative;z-index:1}.masuk-merek .penanda{margin-top:64px;font-size:10px;letter-spacing:.17em}.masuk-merek .janji{color:#fff;font-size:clamp(36px,4vw,52px);font-weight:650;line-height:1.12;letter-spacing:-.045em;margin-top:18px}.masuk-merek .janji em{font-style:normal;color:var(--limau)}.masuk-merek .kata{font-size:14px;line-height:1.8;max-width:36ch;margin-top:24px}.masuk-merek ul{border-top:1px solid #396057;padding-top:28px;gap:18px;font-size:13px}.masuk-merek li{align-items:center;gap:14px}.masuk-merek li svg{width:18px;height:18px}.masuk-isi{padding:58px;display:flex;flex-direction:column;justify-content:center;background:#fff}.masuk-isi h1{font-size:28px}.masuk-isi>.redup{font-size:13px;line-height:1.7;margin-top:10px!important}.masuk-isi form{gap:20px;margin-top:30px}.masuk-isi input{min-height:50px;background:#fafbf7;border-color:#dce2d6}.masuk-isi .utama-t{min-height:50px;margin-top:6px}.tab-baris{background:transparent;padding:0;border-bottom:1px solid var(--garis);border-radius:0;margin-bottom:34px;gap:24px}.tab-baris button{flex:none;padding:0 0 14px;min-height:42px;border-radius:0;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-baris button[aria-selected=true]{box-shadow:none;border-bottom-color:var(--hijau);background:transparent}@media (max-width: 1199px){.ringkasan-angka{grid-template-columns:repeat(2,minmax(0,1fr))}.ringkasan-angka .ubin:nth-child(3){border-left:0}.ringkasan-angka .ubin:nth-child(n+3){border-top:1px solid var(--garis)}}@media (max-width: 1099px){:root{--lebar-samping: 80px}.samping{padding:18px 8px}.merek{padding:0 0 18px}.nav-tautan{font-size:10px;min-height:58px;gap:5px}.utama{padding:18px 20px 48px}.kasir{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.keranjang{padding:16px}.masuk-merek{padding:32px}.masuk-isi{padding:36px}}@media (max-width: 999px){.kisi-barang{grid-template-columns:minmax(0,1fr)}.barang{padding:10px}.barang .foto{aspect-ratio:1;font-size:16px}.barang .hg{font-size:15px;margin:0}.barang .tambah{width:40px;height:40px}}@media (max-width: 719px){.utama{padding:22px 16px 40px}.kepala{margin-bottom:22px;gap:16px}.kepala .aksi{width:100%;gap:8px}.kepala .aksi .tombol{flex:1;font-size:12px;padding:10px}.kartu{padding:18px;border-radius:14px}.kasir{display:block}.kasir-produk{padding:0;border:0}.kasir-atas{padding-top:8px;padding-bottom:14px}.ringkasan-angka .ubin{padding:18px;gap:12px}.ringkasan-angka .isi-ubin>b{font-size:22px}.layar-masuk{padding:0;display:block;background:#fff}.masuk-bingkai{display:block;min-height:100dvh;border-radius:0}.masuk-merek{padding:28px 24px 32px;gap:0}.masuk-merek .penanda{margin-top:30px}.masuk-merek .janji{font-size:36px;margin-top:12px}.masuk-merek .kata,.masuk-merek ul{display:none}.masuk-isi{padding:30px 24px 40px}.masuk-isi h1{font-size:25px}.masuk-isi form{gap:18px;margin-top:24px}.tab-baris{margin-bottom:26px}.peringkat li{gap:8px}.keranjang.keranjang-lembar{padding:12px 16px 0}}@media (max-width: 419px){.ringkasan-angka{grid-template-columns:minmax(0,1fr)}.ringkasan-angka .ubin{flex-direction:row;padding:16px;border-left:0!important;gap:14px}.ringkasan-angka .ubin+.ubin{border-top:1px solid var(--garis)}.ringkasan-angka .isi-ubin>b{margin-top:4px}.ringkasan-angka .isi-ubin>small{margin-top:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}