.shop{--shop-primary:#0f172a;--shop-accent:#4f46e5;--shop-ink:#0f172a;--shop-ink-2:#334155;--shop-muted:#64748b;--shop-soft:#f8fafc;--shop-line:#e2e8f0;--shop-ease:cubic-bezier(.23, 1, .32, 1);color:var(--shop-ink);background:var(--shop-soft);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.shop *,.shop :before,.shop :after{box-sizing:border-box}.shop a{color:var(--shop-accent);text-underline-offset:3px}.shop .s-muted{color:var(--shop-muted)}.shop .s-btn{background:var(--shop-primary);color:#fff;cursor:pointer;font:inherit;min-height:48px;transition:transform .16s var(--shop-ease), opacity .16s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.shop .s-btn:active:not(:disabled){transform:scale(.97)}.shop .s-btn:disabled{opacity:.45;cursor:not-allowed}.shop .d-link{color:var(--shop-accent);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:underline}.shop :focus-visible{outline:3px solid var(--shop-accent);outline-offset:2px;border-radius:6px}.shop-nav{z-index:5;border-bottom:1px solid var(--shop-line);-webkit-backdrop-filter:saturate(1.6)blur(12px);background:#ffffffe6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.shop-nav-links{gap:4px;display:flex}.shop-nav a{color:var(--shop-ink-2);border-radius:999px;padding:8px 12px;font-size:.9375rem;font-weight:600;text-decoration:none}.shop-nav a:hover{background:var(--shop-soft);color:var(--shop-ink)}.shop-nav>a:first-child{padding-left:4px}.shop-main{max-width:760px;animation:shop-in .28s var(--shop-ease) both;margin:0 auto;padding:20px 16px 96px}@keyframes shop-in{0%{opacity:0;transform:translateY(6px)}}.shop-main h1{letter-spacing:-.02em;margin:8px 0 20px;font-size:1.625rem;font-weight:800;line-height:1.2}.shop-main h2{letter-spacing:-.01em;margin:24px 0 10px;font-size:1.125rem}.shop-main>section,.shop-form,.shop-main>form{border:1px solid var(--shop-line);background:#fff;border-radius:16px;margin:0 0 16px;padding:16px}.shop-field{color:var(--shop-ink-2);gap:6px;margin:0 0 16px;font-size:.875rem;font-weight:600;display:grid}.shop-field input,.shop-field select,.shop-field textarea{font:inherit;color:var(--shop-ink);background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:48px;padding:11px 14px;font-size:1rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.shop-field input:focus-visible,.shop-field select:focus-visible,.shop-field textarea:focus-visible{border-color:var(--shop-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--shop-accent) 18%, transparent);border-radius:12px;outline:none}.shop-field textarea{min-height:96px}.shop-check{cursor:pointer;align-items:flex-start;gap:10px;margin:0 0 12px;font-size:.9375rem;display:flex}.shop-check input{width:18px;height:18px;accent-color:var(--shop-accent);flex:none;margin-top:4px}.shop-form fieldset{border:1px solid var(--shop-line);border-radius:12px;margin:0 0 16px;padding:12px 14px 4px}.shop-form fieldset legend{padding:0 6px;font-size:.875rem;font-weight:700}.shop-form fieldset .shop-check{border:1px solid var(--shop-line);border-radius:10px;padding:10px 12px}.shop-form fieldset .shop-check:has(input:checked){border-color:var(--shop-accent);background:color-mix(in srgb, var(--shop-accent) 6%, #fff)}.shop-msg{animation:shop-in .2s var(--shop-ease) both;border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:.9375rem}.shop-msg-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.shop-msg-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.shop-table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:.9375rem}.shop-table th{color:var(--shop-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.shop-table th,.shop-table td{text-align:left;border-bottom:1px solid var(--shop-line);vertical-align:middle;padding:12px 6px}.shop-table input{width:72px;font:inherit;text-align:center;border:1px solid #cbd5e1;border-radius:10px;padding:8px}.shop-total{border:1px solid var(--shop-line);background:#fff;border-radius:12px;padding:14px 16px;font-size:1.125rem}.shop-list{padding-left:18px}.shop-list li{margin:8px 0}.shop-product{border:1px solid var(--shop-line);background:#fff;border-radius:20px;gap:24px;padding:16px;display:grid}.shop-gallery{gap:8px;display:grid}.shop-gallery img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%;height:auto}.shop-price{letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.shop-price s{color:var(--shop-muted);margin-right:8px;font-size:1rem;font-weight:400}.shop-status{color:var(--shop-ink);background:#e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}.shop-status:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.shop-status[data-status=COMPLETED],.shop-status[data-status=PROCESSING],.shop-status[data-status=READY_FOR_PICKUP],.shop-status[data-status=SHIPPED]{color:#166534;background:#dcfce7}.shop-status[data-status=AWAITING_PAYMENT],.shop-status[data-status=APPROVAL_PENDING]{color:#92400e;background:#fef3c7}.shop-status[data-status=CANCELLED],.shop-status[data-status=EXPIRED],.shop-status[data-status=REJECTED]{color:#991b1b;background:#fee2e2}.shop-pay{box-shadow:0 0 0 1px var(--shop-line), 0 20px 40px -24px #0f172a4d;text-align:center;background:#fff;border-radius:20px;margin:16px 0;padding:20px;border:0!important}.shop-qris{border:1px solid var(--shop-line);background:#fff;border-radius:12px;width:100%;max-width:300px;height:auto;margin:12px auto;padding:8px;display:block}.shop-fab{z-index:10;min-height:48px;transition:transform .16s var(--shop-ease);background:#0f172a;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;text-decoration:none;animation:.32s cubic-bezier(.34,1.4,.64,1) both shop-pop;display:inline-flex;position:fixed;bottom:16px;left:16px;box-shadow:0 12px 28px -8px #0f172a80;color:#fff!important}.shop-fab:active{transform:scale(.96)}@keyframes shop-pop{0%{opacity:0;transform:translateY(12px)scale(.92)}}@media (min-width:768px){.shop-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:24px}.shop-main{padding-top:32px}.shop-main>section,.shop-form,.shop-main>form{padding:24px}}@media (prefers-reduced-motion:reduce){.shop *,.shop-fab{transition:none!important;animation:none!important}}