.header-outer.svelte-1elxaub{z-index:50;pointer-events:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;justify-content:center;width:100%;padding:10px 12px;display:flex;position:fixed;top:0;left:0;right:0;-webkit-transform:translate(0,0)}.header-spacer.svelte-1elxaub{height:calc(var(--top-navbar-height) + 20px);pointer-events:none;width:100%;display:block}.header-island.svelte-1elxaub{pointer-events:auto;width:100%;max-width:720px;height:var(--top-navbar-height);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);box-shadow:none;background-color:#333333bf;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;transition:max-width .35s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;display:flex;position:relative}.header-island.fluid.svelte-1elxaub{max-width:100%}.header-island.mobile-searching.svelte-1elxaub{padding:0 10px 0 16px}.header-brand-group.svelte-1elxaub{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-brand.svelte-1elxaub{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand-logo-img.svelte-1elxaub{height:var(--top-navbar-logo-height);object-fit:contain;width:auto}.btn-store-link.svelte-1elxaub{border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--foreground);background-color:#0000;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-store-link.svelte-1elxaub:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.desktop-search-form.svelte-1elxaub{flex:1;max-width:320px;margin:0 12px;transition:max-width .35s cubic-bezier(.16,1,.3,1);display:none}.search-wrapper.svelte-1elxaub{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--muted-foreground);pointer-events:none;z-index:2;position:absolute;left:14px}.input-search.svelte-1elxaub{width:100%;height:var(--top-navbar-search-height);border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--foreground);background:0 0;outline:none;padding:8px 16px 8px 40px;font-size:13px;transition:all .2s}.input-search.svelte-1elxaub::placeholder{color:var(--muted-foreground)}.input-search.svelte-1elxaub:focus{outline:3px solid var(--primary);box-shadow:none}.search-dropdown.svelte-1elxaub{background-color:var(--muted);z-index:100;border:none;border-radius:16px;flex-direction:column;gap:2px;max-height:340px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}.search-dropdown.mobile-search-dropdown.svelte-1elxaub{top:calc(100% + 10px);left:-6px;right:-6px}.dropdown-item.svelte-1elxaub{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:background-color .15s;display:flex}.dropdown-item.svelte-1elxaub:hover{background-color:var(--accent)}.dropdown-thumb.svelte-1elxaub{object-fit:cover;border:none;border-radius:8px;flex-shrink:0;width:40px;height:40px}.dropdown-title.svelte-1elxaub{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.header-actions.svelte-1elxaub{flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-search-btn.svelte-1elxaub{background:var(--card);color:var(--muted-foreground);width:var(--top-navbar-mobile-search-size);height:var(--top-navbar-mobile-search-size);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-search-btn.svelte-1elxaub:hover{background-color:var(--neutral-lighter-gray);color:var(--muted-foreground);border-color:var(--primary)}.btn-masuk.svelte-1elxaub{background-color:var(--primary);color:var(--neutral-white);cursor:pointer;padding:var(--top-navbar-login-padding);font-weight:700;font-size:var(--top-navbar-login-font-size);height:var(--top-navbar-login-height);min-height:var(--top-navbar-login-height);border-radius:var(--radius-pill);border:none;align-items:center;gap:6px;transition:all .2s;display:inline-flex}.btn-masuk.svelte-1elxaub:hover{background-color:var(--primary-hover,#ea580c);transform:translateY(-1px)}.profile-dropdown-wrapper.svelte-1elxaub{position:relative}.profile-trigger-btn.svelte-1elxaub{border:1px solid var(--accent);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .2s;display:flex}.profile-trigger-btn.svelte-1elxaub:hover,.profile-trigger-btn.active.svelte-1elxaub{outline:3px solid var(--primary)}.avatar-circle-trigger.svelte-1elxaub{background:var(--secondary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.avatar-img.svelte-1elxaub{object-fit:cover;width:100%;height:100%}.greeting-text.svelte-1elxaub{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.greeting-sub.svelte-1elxaub{color:var(--muted-foreground);font-size:10px}.greeting-name.svelte-1elxaub{color:var(--foreground);font-size:12px;font-weight:700}.header-dropdown-backdrop.svelte-1elxaub{z-index:99;position:fixed;inset:0}.header-profile-dropdown.svelte-1elxaub{background:var(--muted);z-index:100;border:none;border-radius:16px;width:240px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #0000001f}.dropdown-user-info.svelte-1elxaub{align-items:center;gap:12px;display:flex}.avatar-circle-menu.svelte-1elxaub{background:var(--secondary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.dropdown-user-meta.svelte-1elxaub{flex-direction:column;gap:2px;display:flex}.menu-user-name.svelte-1elxaub{color:var(--foreground);margin:0;font-size:13px;font-weight:700}.menu-role-badge.svelte-1elxaub{color:var(--primary);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.menu-saldo.svelte-1elxaub{color:var(--muted-foreground);font-size:11px}.menu-divider.svelte-1elxaub{border:none;border-top:1px solid var(--border);margin:10px 0}.dropdown-nav-list.svelte-1elxaub{flex-direction:column;gap:4px;display:flex}.dropdown-nav-item.svelte-1elxaub{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.dropdown-nav-item.svelte-1elxaub:hover{background:var(--secondary)}.dropdown-nav-item.btn-logout.svelte-1elxaub{color:#ef4444}.dropdown-nav-item.btn-logout.svelte-1elxaub:hover{background:#ef44441a}.mobile-inline-form.svelte-1elxaub{align-items:center;gap:8px;width:100%;height:100%;animation:.2s svelte-1elxaub-fadeIn;display:flex;position:relative}.mobile-inline-icon{color:var(--muted-foreground);flex-shrink:0;margin-left:4px}.mobile-inline-input.svelte-1elxaub{height:38px;color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:16px}.mobile-inline-input.svelte-1elxaub::placeholder{color:var(--muted-foreground)}.mobile-inline-close-btn.svelte-1elxaub{background:var(--card);border:1px solid var(--border);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-inline-close-btn.svelte-1elxaub:hover{background:var(--border)}@keyframes svelte-1elxaub-fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width>=640px){.header-outer.svelte-1elxaub{padding:12px 16px}.header-spacer.svelte-1elxaub{height:calc(var(--top-navbar-height) + 24px)}.header-island.svelte-1elxaub{padding:0 16px}.desktop-search-form.svelte-1elxaub{display:block}.mobile-search-btn.svelte-1elxaub{display:none}}@media (width>=1024px){.header-outer.svelte-1elxaub{will-change:auto;position:sticky;top:0;left:auto;right:auto;transform:none}.header-spacer.svelte-1elxaub{display:none}.header-island.expanded.svelte-1elxaub{max-width:960px;box-shadow:0 14px 34px -4px #0000001f,0 6px 12px -3px #0000000f}.header-island.expanded.svelte-1elxaub .desktop-search-form:where(.svelte-1elxaub){max-width:520px}.mobile-nav-trigger-wrapper.svelte-1elxaub{display:none!important}.desktop-store-link.svelte-1elxaub{display:inline-flex!important}}.mobile-nav-trigger-wrapper.svelte-1elxaub{align-items:center;display:flex;position:relative}.mobile-nav-trigger-btn.svelte-1elxaub{border:1px solid var(--border-subtle);color:var(--muted-foreground);width:var(--top-navbar-mobile-search-size);height:var(--top-navbar-mobile-search-size);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-nav-trigger-btn.svelte-1elxaub:hover,.mobile-nav-trigger-btn.active.svelte-1elxaub{outline:3px solid var(--primary);color:var(--primary)}.nav-backdrop.svelte-1elxaub{z-index:99}.header-nav-popover.svelte-1elxaub{background:var(--muted);border:1px solid var(--border);z-index:100;border-radius:16px;flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.18s svelte-1elxaub-fadeIn;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 12px 30px #0000001f}.header-nav-link.svelte-1elxaub{color:var(--muted-foreground);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.header-nav-link.svelte-1elxaub:hover{background:var(--accent);color:var(--foreground)}.header-nav-link.active.svelte-1elxaub{background:var(--primary);color:var(--muted);font-weight:500}.desktop-store-link.svelte-1elxaub{display:none}