*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e7e8ec;font-family:DM Sans,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:#0a84ff;text-decoration:none;cursor:pointer}a:hover{color:#0070e0}.num{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.disp{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.03em}input::placeholder,textarea::placeholder{color:#a1a1a6}.scr::-webkit-scrollbar{display:none}.scr{scrollbar-width:none}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes popup-masuk{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:none}}button{font-family:inherit}.stage{min-height:100dvh;display:flex;justify-content:center}.app-shell{width:100%;max-width:480px;height:100dvh;background:#f2f2f7;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (min-width:481px){body{background:#e7e8ec}.stage{align-items:center;padding:24px 0}.app-shell{height:min(920px,calc(100dvh - 48px));border-radius:26px;box-shadow:0 24px 70px -28px #0006,0 0 0 1px #0000000a}}.badan{flex:1;min-height:0;overflow-y:auto}@media (min-width:1024px){body{background:#f2f2f7}.stage{padding:0;align-items:stretch}.app-shell{max-width:none;height:auto;min-height:100dvh;border-radius:0;box-shadow:none;overflow:visible}.badan{overflow:visible;min-height:auto;padding-inline:max(0px,calc((100% - 1240px)/2))}.app-header{position:sticky;top:0}.actionbar{position:sticky;bottom:0}.app-header>*{max-width:1240px;margin-inline:auto;width:100%}}.grid-kategori{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-produk{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:640px){.grid-produk{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-kategori{grid-template-columns:repeat(6,1fr);gap:14px}.grid-produk{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width:1360px){.grid-produk{grid-template-columns:repeat(5,1fr)}}.desktop-nav{display:none}@media (min-width:1024px){.tabbar{display:none!important}.desktop-nav{display:flex}}.cart-btn{margin-left:auto}@media (min-width:1024px){.cart-btn{margin-left:16px}}@media (min-width:1024px){.detail-utama{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:36px;align-items:start;padding:20px 16px 0}.detail-media{position:sticky;top:104px}.detail-media>div:first-child{border-radius:18px;overflow:hidden}.detail-info{padding:0!important}.detail-terkait{padding:28px 16px 16px!important}}@media (min-width:1024px){.actionbar>*{max-width:1240px;margin-inline:auto;width:100%}.badan-aksi{padding-bottom:96px!important}}@media (min-width:1024px){.blok-carousel{border-radius:20px;overflow:hidden}}