@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700;800&display=swap";:root{--font-display: "Space Grotesk", sans-serif;--font-sans: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--color-ink: #08080a;--color-surface: #101014;--color-surface-2: #16161c;--color-surface-3: #1e1e26;--color-line: rgba(255, 255, 255, .08);--color-line-strong: rgba(255, 255, 255, .16);--color-cream: #f4f4f6;--color-muted: #8e8e9c;--color-acid: #c8ff00;--color-cyan: #00e0c6;--color-violet: #7c5cff;--color-pink: #ff3d9a}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-ink);color:var(--color-cream);scroll-behavior:smooth;color-scheme:dark}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-ink);overflow-x:hidden}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.outline-type{-webkit-text-stroke:1.5px rgba(244,244,246,.6);color:transparent}.acid-glow{text-shadow:0 0 40px rgba(200,255,0,.45)}.noise-bg{position:relative;isolation:isolate}.blob{position:absolute;border-radius:9999px;pointer-events:none;filter:blur(120px);opacity:.7;animation:drift 25s infinite alternate ease-in-out}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.08)}to{transform:translate(-20px,-30px) scale(.95)}}.marquee-wrapper{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;flex-shrink:0;align-items:center;gap:2.5rem;white-space:nowrap;animation:scroll-marquee 45s linear infinite;will-change:transform}.marquee-wrapper:hover .marquee-track,.marquee-wrapper:focus-within .marquee-track{animation-play-state:paused}.marquee-merek{color:#f4f4f666;background:none;border:0;cursor:pointer;letter-spacing:-.02em;padding:.5rem .25rem;margin:-.5rem -.25rem;min-height:48px;display:inline-flex;align-items:center;transition:color .25s cubic-bezier(.16,1,.3,1),text-shadow .25s cubic-bezier(.16,1,.3,1)}.marquee-merek:hover,.marquee-merek:focus-visible{color:#c8ff00;text-shadow:0 0 28px rgb(200 255 0 / .45);outline:none}.marquee-merek:focus-visible{text-decoration:underline;text-underline-offset:6px}.marquee-merek:active{transform:translateY(1px)}@keyframes sorot-kartu{0%{box-shadow:0 0 #c8ff0000;border-color:var(--color-line)}25%{box-shadow:0 0 0 3px #c8ff008c,0 18px 44px -14px #c8ff0066;border-color:#c8ff00}to{box-shadow:0 0 #c8ff0000;border-color:var(--color-line)}}.kartu-disorot{animation:sorot-kartu 2s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}.kartu-disorot{animation:none;outline:2px solid #c8ff00}}.marquee-track.reverse{animation:scroll-marquee-reverse 38s linear infinite}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.product-card{position:relative;background-image:linear-gradient(180deg,rgb(255 255 255 / .035) 0%,rgb(255 255 255 / .004) 42%,transparent 100%);box-shadow:inset 0 1px #ffffff0f,0 1px 2px -1px #00000080,0 8px 24px -12px #0000008c;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1)}.product-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120% 80% at 50% -20%,color-mix(in srgb,var(--card-accent, #c8ff00) 16%,transparent) 0%,transparent 62%);transition:opacity .4s cubic-bezier(.16,1,.3,1)}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent, #c8ff00) 38%,transparent);box-shadow:inset 0 1px #ffffff1a,0 22px 48px -16px #000000b3,0 0 34px -10px color-mix(in srgb,var(--card-accent, #c8ff00) 30%,transparent)}.product-card:hover:after{opacity:1}button,[role=button],a[href]{-webkit-tap-highlight-color:transparent}button:active:not(:disabled),.product-card button:active{transform:scale(.975)}button{transition:transform .14s cubic-bezier(.16,1,.3,1)}:focus-visible{outline:2px solid var(--color-acid);outline-offset:3px}.font-mono,.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.product-card,button{transition:none}.blob{animation:none}}.pulse-dot{position:relative;display:inline-block;width:8px;height:8px;background-color:var(--color-acid);border-radius:50%}.pulse-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-acid);border-radius:50%;animation:pulse-ring 1.8s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-ink)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-line-strong)}body>header.sticky>nav>a{flex-shrink:0;white-space:nowrap}body>header.sticky>nav>a img{flex-shrink:0}body>header.sticky>nav>div:last-child{flex-shrink:0}body>header.sticky>nav>div:last-child>a{white-space:nowrap}@media (max-width: 1279px){body>header.sticky>nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}body>header.sticky>nav>div:first-of-type{display:flex;grid-row:2;grid-column:1 / -1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:4px;scrollbar-width:none}body>header.sticky>nav>div:first-of-type::-webkit-scrollbar{display:none}body>header.sticky>nav>div:first-of-type>a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;white-space:nowrap}body>header.sticky>nav>div:last-child{grid-row:1;grid-column:2}section[id]{scroll-margin-top:150px}}@media (max-width: 639px){body>header.sticky>nav>a{gap:8px}body>header.sticky>nav>a .font-display{font-size:14px}body>header.sticky>nav>div:last-child{gap:8px}body>header.sticky>nav>div:last-child>a:first-child{width:44px;min-height:44px;padding:0;gap:0;font-size:0;justify-content:center}body>header.sticky>nav>div:last-child>a:first-child svg{width:20px;height:20px;flex-shrink:0}body>header.sticky>nav>div:last-child>a:last-child{min-height:44px;padding:10px 12px;font-size:12px}}#search-input::placeholder{color:var(--color-muted);opacity:1}#category-filters button,#pricelist [data-sort]{min-height:44px}#category-filters+div{max-width:100%;flex-wrap:wrap}#pembayaran .grid>div{min-width:0}#qris-static-canvas{max-width:min(100%,240px);height:auto!important}@media (max-width: 1023px){#pembayaran .grid{grid-template-columns:minmax(0,1fr)}}.product-card button{border-color:var(--color-line-strong);flex-wrap:wrap}.product-card button:hover,.product-card button:focus-visible{border-color:var(--color-acid)}.product-card button>.min-w-0{flex:1 1 130px}.product-card button>.shrink-0{margin-left:auto}.product-card button>.shrink-0 .font-mono{white-space:nowrap}.product-card button .rounded-full.font-mono{font-size:12px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}@media (max-width: 479px){.product-card button>.min-w-0{flex-basis:100%}.product-card button>.shrink-0{width:100%;justify-content:space-between}}#modal-invoice-view>div:first-child{padding-right:44px}#modal-invoice-view>.mt-6>.bg-white{min-width:0;max-width:100%}#qris-modal-canvas{max-width:100%;height:auto!important}#modal-invoice-view>.mt-6>.flex:first-child{flex-wrap:wrap;justify-content:center;max-width:100%}#modal-invoice-view>.mt-6>.flex:first-child>span{max-width:100%;justify-content:center}#modal-invoice-view>.mt-6>.mt-5>.flex{flex-wrap:wrap}#modal-total-amount{white-space:nowrap}#modal-invoice-view>.mt-6>.border-t{flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}@media (max-width: 639px){#checkout-modal>.relative{padding:20px 16px}#modal-invoice-view>.mt-6{padding:16px 12px}}@media (prefers-reduced-motion: reduce){body>header.sticky,.product-card:after,.marquee-merek{transition:none}body>header.sticky+div .pulse-dot:after{animation:none}.product-card:hover{transform:none}.marquee-track.reverse{animation:none}}.kartu-promo{border-color:color-mix(in srgb,var(--color-pink) 42%,transparent);box-shadow:inset 0 1px #ffffff14,0 1px 2px -1px #00000080,0 10px 30px -14px #0009,0 0 26px -12px color-mix(in srgb,var(--color-pink) 55%,transparent)}.kartu-promo:hover{border-color:color-mix(in srgb,var(--color-pink) 62%,transparent);box-shadow:inset 0 1px #ffffff1f,0 22px 48px -16px #000000b3,0 0 40px -8px color-mix(in srgb,var(--color-pink) 62%,transparent)}.pita-promo{position:absolute;top:3px;right:-40px;z-index:2;transform:rotate(38deg);padding:3px 44px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#12000a;background:linear-gradient(135deg,var(--color-pink),#ff8bc0);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--color-pink) 70%,transparent);pointer-events:none}.kartu-promo .text-right{padding-top:14px}.harga-coret{position:relative;color:var(--color-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--color-pink) 85%,transparent);text-decoration-thickness:2px}.harga-promo{color:var(--color-pink);font-weight:700;text-shadow:0 0 18px color-mix(in srgb,var(--color-pink) 45%,transparent)}.lencana-diskon{background:linear-gradient(135deg,var(--color-pink),#ff8bc0);color:#12000a;font-weight:700;animation:denyut-diskon 2.4s ease-in-out infinite}@keyframes denyut-diskon{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.hitung-mundur{font-variant-numeric:tabular-nums;color:var(--color-pink);border-color:color-mix(in srgb,var(--color-pink) 35%,transparent);background:color-mix(in srgb,var(--color-pink) 12%,transparent)}.hitung-mundur.mendesak{animation:denyut-diskon 1s ease-in-out infinite}.panel-promo{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-pink) 34%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--color-pink) 16%,transparent) 0%,transparent 58%),var(--color-surface)}.panel-promo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgb(255 255 255 / .07) 48%,transparent 58%);transform:translate(-120%);animation:kilau-promo 4.5s ease-in-out infinite}@keyframes kilau-promo{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){.lencana-diskon,.hitung-mundur.mendesak,.panel-promo:before{animation:none}.panel-promo:before{opacity:0}}