.app-header.svelte-1elxaub{box-sizing:border-box;z-index:1000;background:#00b6f0;align-items:center;gap:.5rem;max-width:480px;height:55px;margin:0 auto;padding:0 1rem;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}@media (width>=1021px){.app-header.svelte-1elxaub{margin:0;left:calc(50% + 32px);right:calc(50% - 512px)}}.app-header.svelte-1elxaub:not(.visible){transform:translateY(-100%)}.header-btn.svelte-1elxaub{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;text-decoration:none;transition:background .2s;display:flex}.header-btn.svelte-1elxaub:hover{background:#fff3}.notif-btn.svelte-1elxaub{position:relative}.notif-badge.svelte-1elxaub{color:#fff;text-align:center;pointer-events:none;box-sizing:content-box;background:#ff3b30;border:2px solid #00b6f0;border-radius:50%;min-width:18px;height:18px;padding:0;font-size:.65rem;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-5px}.cart-btn.svelte-1elxaub{position:relative}.cart-badge.svelte-1elxaub{color:#fff;text-align:center;pointer-events:none;box-sizing:content-box;background:#ff3b30;border:2px solid #00b6f0;border-radius:50%;min-width:18px;height:18px;padding:0;font-size:.65rem;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-5px}.brand-link.svelte-1elxaub{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:0;text-decoration:none;display:flex}.brand-logo.svelte-1elxaub{object-fit:contain;width:auto;height:28px}.header-title.svelte-1elxaub{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.header-user.svelte-1elxaub{color:#fff;white-space:nowrap;flex:1;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;margin:0;text-decoration:none;display:flex}.header-user-avatar.svelte-1elxaub,.header-user-avatar-ph.svelte-1elxaub{object-fit:cover;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.header-user-name.svelte-1elxaub{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}@media (width>=768px){.app-header.admin.svelte-1elxaub{max-width:100%;padding:0 24px}.header-title.svelte-1elxaub{font-size:1.05rem}}